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

Webpack: require('index.html') vs just copying index.html

我是 webpack 的新手。

从 YouTube tutorial (Academind) 我看到的，这家伙教用户将 HTML 文件包含在入口 .js 文件中。据我了解，webpack 然后将使用 HtmlWebpackPlugin 提取 required HTML 文件，然后将文件或代码作为文件或代码注入到 HTML 文件中。我的理解正确吗？

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

我不能只将 .html 文件复制到 /dist 并让每个 .html 文件具有 bundle1.js、bundle2.js 等。，在他们中？

该教程需要 html 文件，因为人们认为让 webpack (HtmlWebpackPlugin) 自动插入捆绑包的所有脚本标签更容易，而无需手动执行。

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

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

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

Webpack: require('index.html') vs just copying index.html

javascript

webpack

webpack-4