配置文件中的 webpack4 webpack-dev-server ssl

Question

npm run webpack-dev-server --mode development --open --cert=../../ssl/server.pem --key=../../ssl/server.pem

我想在我的 webpack.config 文件中添加这些文件.. 类似于：

module.exports = {

    ...

    ssl: {
        cred: "../../ssl/server.pem", 
        key: "../../ssl/server.pem"
    }

    ...
}

Answer 1

当我试图解决这个问题时，这个问题在我的浏览器中打开了一个小时......最终我解决了......所以希望我可以节省其他人和时间:)

link to reference

module.exports = {

    ...
    devServer: {
        https: {
            key: fs.readFileSync('/path/to/server.key'),
            cert: fs.readFileSync('/path/to/server.crt'),
            ca: fs.readFileSync('/path/to/ca.pem'),
        }
    }
    ...
}

可能需要 3 小时..如果您需要生成自己的证书..并且 Chrome 会中断..

To generate your dev certificate:

openssl req \
    -newkey rsa:2048 \
    -x509 \
    -nodes \
    -keyout server.pem \
    -new \
    -out server.pem \
    -subj /CN=localhost \
    -reqexts SAN \
    -extensions SAN \
    -config <(cat /System/Library/OpenSSL/openssl.cnf \
        <(printf '[SAN]\nsubjectAltName=DNS:localhost')) \
    -sha256 \
    -days 3650

配置文件中的 webpack4 webpack-dev-server ssl

webpack4 webpack-dev-server ssl in config file

ssl

https

webpack

webpack-dev-server

webpack-4