如何通过Webpack在名称中使用哈希部署资产?

时间:2017-10-25 15:20:01

标签: javascript webpack sass

我有一个包含图片和字体的大资源文件夹。这些图像和字体在scss文件或html文件中引用。这些scss和html文件与webpack的require一起导入js。如何在添加哈希值的同时将我的资产文件夹复制到dist,并以某种方式将其属性连接到它们所引用的位置?我需要对所有内容进行哈希处理,以防止浏览器使用错误的缓存版本(如果已更改)。

1 个答案:

答案 0 :(得分:0)

你试过这个:

output: {
  filename: '[name].[chunkhash].js',
  path: path.resolve(__dirname, 'dist')
}

而不仅仅是

output: {
  filename: '[name].js',
  path: path.resolve(__dirname, 'dist')
}

作为documentation mentions。您可以使用[hash][chunkhash],后者是特定于块的。