webpack:在html模板中使用哈希文件名

时间:2016-10-23 21:40:18

标签: webpack

我现在让webpack生成我的bunde文件,其名称为哈希:

bundle.649c4c4e6c8076189257.cache.js

我也想出了如何让webpack使用HtmlWebpackPlugin从html模板生成我的主html页面。

这是我的问题,在我的html模板中,我有捆绑文件名硬编码:

<script src="bundle.649c4c4e6c8076189257.cache.js"></script>

我宁愿拥有某种变量,例如:

<script src="${bundleFileName}"></script>

如何使用webpack执行此操作?

1 个答案:

答案 0 :(得分:1)

html-webpack-plugin允许您根据需要配置自己的模板:https://github.com/ampedandwired/html-webpack-plugin#writing-your-own-templates

但是你的用例看起来非常简单,所以你不应该那样做。 html-webpack-plugin已经使用正确的命名模式为您处理脚本标记。因此,您可以省略源索引html文件中的脚本标记,并让插件插入它们。

有关详细信息,请参阅https://github.com/jantimon/html-webpack-plugin#writing-your-own-templates上的html-webpack-plugin文档,了解如何配置插件以使用您的html文件。通常它应该足以引用模板以达到您想要的结果。