如何在 http 和 https 中运行 webpack 服务器

Question

我创建了一个虚拟的私钥和公钥文件 key.pem 和 cert.perm 并将其添加到 webpack.dev.js

这是我的 webpack.dev.js

const fs = require("fs");
const { merge } = require("webpack-merge");
const common = require("./webpack.common.js");
const path = require("path");

module.exports = merge(common, {
  mode: "development",
  devtool: "eval-source-map",
  devServer: {
    static: {
      directory: path.join(__dirname, "../../dist/client"),
    },
    https: {
      key: fs.readFileSync(path.join(__dirname, "../../keys/key.pem")),
      cert: fs.readFileSync(path.join(__dirname, "../../keys/cert.pem")),
    },
    hot: true,
  },
});

这是我的 package.json 脚本 object

"scripts": {
    "dev": "webpack server --config ./src/client/webpack.dev.js",
},

my issue here is that when i do npm run dev it run the webpack server https://localhost:8080 and it works whereas http://localhost:8080 does not work.

我希望我的服务器同时运行 http 和 https localhost:8080

我怎样才能做到这一点？ 请提供任何帮助