webpack-dev-server 的编程重新加载

Question

我使用 html-webpack-plugin 以及 html-webpack-template，它为 "injecting" 相关的 window 提供支持html 由 webpack-dev-server 中的 html-webpack-plugin 提供。

在这种情况下，我实际上是根据同级模块的要求生成下面的 'uiContext'。我想做的是观察该模块的变化，然后在发生变化时，告诉 webpack-dev-server 重新加载（对 uiContext 进行更改）。

想法？

var HtmlWebpackPlugin = require('html-webpack-plugin');
var htmlWebpackTemplate = require('html-webpack-template');
var uiContext = require('./server/ui-context');
// ...
plugins: [
new HtmlWebpackPlugin({
  template: htmlWebpackTemplate,
  window: {
    uiContext
  }
}),

Answer 1

在 webpack-dev-server 上有一个开放的票证，#440。 Diskodan 提到了一种使用 nodemon 使其工作的 hacky 方法：

"scripts": {
  "start": "nodemon --watch webpack.config.js ./node_modules/.bin/webpack-dev-server",
}

webpack-dev-server 的编程重新加载

Programmatic Reload of webpack-dev-server

webpack

webpack-dev-server