使用webpack-dev-server时，通过HtmlWebpackPlugin将模板写入磁盘

Question

在我的项目中，我使用webpack-dev-server来热重新加载我的应用程序，我还使用html-webpack-plugin自动将包javascript文件插入到模板文件中，但是当我使用webpack-dev-server时，注入bundle后的模板文件不会写入磁盘，它会在内存中。

我需要html-webpack-plugin首先将包文件插入到模板html中，然后将模板写入dist目录。那么如何配置呢？

我使用webpack-dev-middleware：

app.use(middleware(compiler,{
                    publicPath: config.output.publicPath,
                    hot: true,
                    writeToDisk: true
                }));

我认为writeToDisk可以做到这一点，但事实并非如此。

Answer 1

webpack-dev-server不会将捆绑的文件写入磁盘，只会从内存中读取。

要将捆绑的文件写入磁盘，您必须手动使用webpack --watch npm scripts中的package.json，以使start script看起来像这样

"scripts": {
  "start": "webpack --watch && webpack-dev-server --progress --colors",
}