配置文件中的WebPack4 webpack-开发-服务器ssl [英] webpack4 webpack-dev-server ssl in config file

问题描述

下面this cli command：

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"
    }

    ...
}

推荐答案

该问题在我的浏览器中打开了一个小时，而我正试图解决它...最终我做到了..因此，希望我能为其他人节省时间：)

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]
subjectAltName=DNS:localhost')) 
    -sha256 
    -days 3650

这篇关于配置文件中的WebPack4 webpack-开发-服务器ssl的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！