如何在webpack的哈希html文件名之间链接?

时间:2019-11-07 14:21:19

标签: javascript webpack html-webpack-plugin

我正在设置部署我创建的新静态网站。为了能够进行长期缓存,我使用webpack为所有html,css和js文件名添加了哈希。但是现在我对如何在html页面之间链接感到困惑,因为文件名现在包含生成的哈希。有没有办法像使用链接和脚本标签中的css和js文件名一样,使用html-webpack-plugin自动插入它们?

我最初仅使用html,css和js来构建此网站,然后实施了webpack以便能够捆绑和最小化。

new HtmlWebpackPlugin({
  template: './src/page-index/index.html',
  inject: true,
  filename: 'index.[hash].html',
  chunks: ['index']
}),
new HtmlWebpackPlugin({
  template: './src/page-ep/ep.html',
  inject: true,
  chunks: ['ep'],
  filename: 'ep.[hash].html',
}),

0 个答案:

没有答案