javascript - Webpack:需要 ('index.html' )与仅复制 index.html

标签 javascript webpack webpack-4

我对 webpack 还很陌生。

来自YouTube tutorial (学术界)我看到,那家伙教用户将 HTML 文件包含在入口 .js 文件中。据我了解,webpack 将使用 HtmlWebpackPlugin 提取所需的 HTML 文件,然后将其作为文件或代码注入(inject)到该 HTML 文件中。我的理解正确吗?

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

我不能将 .html 文件复制到 /dist 并让每个 .html 文件都有 bundle1.jsbundle2.js 等,在其中?

最佳答案

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

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

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

关于javascript - Webpack:需要 ('index.html' )与仅复制 index.html,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/52373408/

相关文章:

c# - ASP.NET 和 jQuery 日历 - 不起作用

javascript - webpack动态导入.json文件?

node.js - Webpack "Module not found: Error: Can' t解决 '../webfonts/fa-solid-900.eot'“

Webpack开发服务器缓存清理

webpack - 加载视频 mp4 webpack 加载器

javascript - 如何使用 webpack4 正确拆分常见依赖项

javascript - 在 Firefox 扩展中阻止 webRequest 的 TLD 通配符?

javascript - 如何为流程图的每个条形设置不同的梯度?

javascript 添加多个具有唯一名称和 ID 的表单字段

javascript - Babel 在箭头函数上抛出语法错误