tinovyatkin/webpack-https-mkcert.md

Forked from Grawl/webpack-https-mkcert.md

Last active August 17, 2023 11:42

Star () You must be signed in to star a gist
Fork () You must be signed in to fork a gist

Learn more about clone URLs
Clone this repository at <script src="https://gist.github.com/tinovyatkin/e78d3d7f778fa7cfa93df36f0d462087.js"></script>
Save tinovyatkin/e78d3d7f778fa7cfa93df36f0d462087 to your computer and use it in GitHub Desktop.

Download ZIP

Running Webpack Dev Server with HTTPS on developer machine using MKCERT

Raw

webpack-https-mkcert.md

Add local domain to /etc/hosts:

127.0.0.1 my-project.dev
Install mkcert

Create certificate for this domain:

➜ mkcert my-project.dev

Created a new certificate valid for the following names 📜
- "my-project.dev"

The certificate is at "./my-project.dev.pem" and the key at "./my-project.dev-key.pem" ✅

Add HTTPS options to Webpack Dev Server config:

devServer: {
   host: 'my-project.dev',
   https: {
       key: './my-project.dev-key.pem',
       cert: './my-project.dev.pem',
   }
},