如何运行Webpack Dev Server --https --hot --inline

Question

有没有办法利用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 [] ...

Answer 1

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

解决方案是不使用--inline选项.

有许多方法可以配置服务器和--hot.假设您没有创建自定义服务器实现/中间件(可能相同),请遵循以下内容,详细信息请参阅文档.

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

• 不包括在内<script src="https://localhost:8080/webpack-dev-server.js"></script>
• 不要包含webpack/hot/only-dev-server在条目中.

的package.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配置.