如何运行 Webpack 开发服务器 --https --hot --inline

使用 CLI 配置时，有没有办法在 https 上运行 webpack-dev-server？

问题是连接到socket.io结束了http并不是https.

存在解决方法，但非常烦人。

1. 手动包含https webpack-dev-server在你的index.html

<script src="https://localhost:8080/webpack-dev-server.js"></script>

2. 配置每个端点以包括webpack/hot/only-dev-server.

app: [
    'webpack/hot/only-dev-server',
    './app.js'
],

// ... more entry points that include the same [] ...

是的，在使用 CLI 进行配置时，有一种方法可以在 https 上配置 webpack-dev-server。

解决办法是不使用--inline option.

配置服务器的方法有很多种--hot。接下来的一个，假设您没有创建自定义服务器实现/中间件（可能是一样的），在文档中有详细说明。

http://webpack.github.io/docs/webpack-dev-server.html#webpack-dev-server-cli http://webpack.github.io/docs/webpack-dev-server.html#webpack-dev-server-cli

• Do not包括<script src="https://localhost:8080/webpack-dev-server.js"></script>
• Do not包括webpack/hot/only-dev-server进入条目。

包.json

{
  "scripts": {
    "start": "webpack-dev-server -d --hot --https --config webpack.config.development.js"
  }
}

webpack.config.development.js

var webpackConfig = require('webpack-config');

module.exports = webpackConfig.fromCwd().merge({
    devServer: {
        colors:             true,
        contentBase:        './build',
        historyApiFallback: true,
        inline:             true,
        progress:           true
    },

    devtool: 'eval-source-map'
});

这里没有列出主要的 webpack 配置。