javascript - 如何通过 Webpack 部署名称中带有哈希值的 Assets ？

Question

我有一个包含图像和字体的大 Assets 文件夹。这些图像和字体在 scss 文件或 html 文件中引用。这些 scss 和 html 文件通过 webpack 的 require 导入到 js 中。如何将 Assets 文件夹复制到 dist，同时添加哈希并以某种方式将其属性连接到引用的位置？我需要对所有内容进行哈希处理，以防止浏览器在更改后使用错误的缓存版本。

Answer 1

你尝试过这个吗:

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

而不仅仅是

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

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