时间戳

首页 > 解决方案 > Webpack：需要（'index.html'）与仅复制 index.html

javascript - Webpack：需要（'index.html'）与仅复制 index.html

问题描述

我对 webpack 还很陌生。

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

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

我不能只将 .html 文件复制到/dist每个 .html 文件bundle1.js中bundle2.js吗？

标签： javascriptwebpackwebpack-4

解决方案

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

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

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

推荐阅读