@deskbtm/dev-mkcert

Use mkcert to provide certificate support for https development services.

Quick start

1. Installation dependencies

1yarn add @deskbtm/dev-mkcert -D

2. Configure webpack

1const { mkcert } = require('..');
2const HTML = require('html-webpack-plugin');
3const path = require('path');
4
5/**
6 * @type {import('webpack').Configuration}
7 */
8module.exports = async function () {
9  const cert = await mkcert();
10
11  return {
12    context: __dirname,
13    mode: 'development',
14    entry: './main.js',
15    plugins: [
16      new HTML({
17        template: path.resolve(__dirname, './index.html'),
18        minify: false,
19        filename: 'index.html',
20      }),
21    ],
22    devServer: {
23      host: 'localhost',
24      port: 3000,
25      server: {
26        type: 'https',
27        options: cert,
28      },
29    },
30  };
31};

Principle

Use mkcert to install the local CA certificate and generate it for server.https Server certificate.

Friendly reminder

1. Uninstall the CA certificate: mkcert -uninstall

Thanks

• vite-plugin-mkcert
• mkcert
• daquinoaldo/https-localhost