webpack-dev-server 的编程重载答案

【问题标题】：Programmatic Reload of webpack-dev-serverwebpack-dev-server 的编程重载
【发布时间】：2016-09-01 15:45:47
【问题描述】：

我使用 html-webpack-plugin 和 html-webpack-template，它支持将内容“注入”到与 webpack-dev 中的 html-webpack-plugin 提供的 html 相关的窗口上-服务器。

在这种情况下，我实际上是根据兄弟模块的要求生成下面的“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
  }
}),

【问题讨论】：

标签： webpack webpack-dev-server

【解决方案1】：

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

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

【讨论】：