使用html-webpack-plugin实现webpack开发配置

Question

我目前在开发环境中特别关注我的React应用。我目前正在创建一个模板，用于快速构建react-landing-page。这显然没有redux但是如果个人发现需要它可以连接。

基本上，当我想要为生产构建我的项目时，我遇到了一个不方便的“错误”。我强制开发人员在构建prod时必须从bunlde.js中删除src/index.html脚本标记，作为回报，他们必须在dev中工作时重新实现脚本标记。现在该应用程序仍将在生产中运行，但如果未删除脚本标记，您将收到控制台日志错误： 现在我知道我可以从bundle.js删除src/index.html脚本标记并通过html-webpack-plugin注入，从而完全解决问题。但是，当我这样做时，我遇到了一个新问题。那个问题是什么时候/如果我在除root之外的任何其他路径上刷新页面...例如：http://localhost:3000/about，它将返回一个空页面，因为bundle.js脚本仅在页面的根级别注入加载。它不在任何其他页面上。

因此我的问题是如何让hmtl-webpack-plugin在我的开发环境中工作，这样我就不必强迫个人手动输入并取出bundle.js标签了？

看看回购，也许我在这里遗漏了一些东西。非常感谢任何帮助我解决此问题的建议或时间。