Webpack：require（'index.html'）与仅复制index.html

Question

我是webpack的新手。

从我观察到的YouTube tutorial（Academind）中，这个家伙教用户将HTML文件包括在条目.js文件中。据我了解，然后webpack将使用HtmlWebpackPlugin提取require d HTML文件，然后将其作为文件或代码注入该HTML文件。我的理解正确吗？

我想回答上述问题，但这不是主要问题。主要问题是经历这种痛苦的原因。

我是否只能将.html文件复制到/dist并让每个.html文件中都包含bundle1.js，bundle2.js等？

Answer 1

该教程需要html文件，因为人们认为让webpack（HtmlWebpackPlugin）可以更轻松地自动为分发包插入所有脚本标签，而无需手动执行。

您也可以不需要这样做，并在template上添加HtmlWebpackPlugin属性。会做同样的事情。

当然，您也可以复制到dist。但这需要您在html上手动插入脚本标签。当您在文件名上使用散列时，这种情况开始变得最糟。