我正在设置部署我创建的新静态网站。为了能够进行长期缓存,我使用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',
}),