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

Question

使用 CLI 进行配置时，是否可以利用在 https 上运行 webpack-dev-server 的方法？

The problem is the connection to socket.io is over http and not https.

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

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

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

配置每个端点以包括 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进入入口。

包.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 配置。