webpack - 如何使用 Webpack-dev-server 和 HTML-webpack-plugin 将 .html 输出到磁盘

Question

我用 webpack和 html-webpack-plugin用生成的脚本包更新我的 index.html 文件，例如 bundle.[hash].js .

然后我必须运行 webpack-dev-server所以我可以将该包加载到内存中并利用热模块更换。

这使得代码编译两次。

但是，我想要的是 webpack-dev-server也能够使用新的 bundle.[hash].js 更新 index.html 文件, 因为现在我必须运行 webpack后跟 webpack-dev-sever .编译两次似乎很奇怪。

同样，我运行 webpack 的唯一原因是用捆绑的新哈希更新我的 index.html 文件。如果我能得到 webpack-dev-server将更新后的 index.html 输出到磁盘，然后我可以删除 webpack统统指挥。

这可能吗？如果是这样，webpack 配置会发生什么变化？我的 webpack 配置很长，所以我不认为在这里发布它会有所帮助。

Answer 1

我认为这正是您所需要的:https://github.com/jantimon/html-webpack-harddisk-plugin
webpack-dev-server将更新的 HTML 保存在内存中。使用这个插件，它也会将其写入文件系统。