Webpack：require（'index.html'）vs只复制index.html

Question

我对webpack很新。

在我看过的YouTube tutorial（Academind）中，该人教导用户将HTML文件包含在条目.js文件中。据我所知，webpack将使用HtmlWebpackPlugin提取required HTML文件，然后将其作为文件或代码注入该HTML文件。我的理解是否正确？

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

我不能只将.html文件复制到/dist并让每个.html文件都有bundle1.js，bundle2.js等等吗？

Answer 1

该教程需要html文件，因为它被认为更容易让webpack（HtmlWebpackPlugin）自动插入包的所有脚本标签，而不必手动执行。

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

当然，你也可以复制到dist。但这需要您在html上手动插入脚本标记。当你的文件名有哈希值时，情况会变得最糟。