如何通過Webpack部署名稱中帶有哈希值的資產？

Question

我有一個包含圖像和字體的大資產文件夾。 這些圖像和字體在scss文件或html文件中引用。 這些scss和html文件與webpack的require導入js。 如何在添加哈希並以某種方式在引用它們的位置連接屬性的同時將我的資產文件夾復制到dist ？ 我需要對所有內容進行哈希處理，以防止瀏覽器更改后使用錯誤的緩存版本。

Answer 1

您是否嘗試過：

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

而不只是

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

如文檔所述 。 您可以使用[hash]或[chunkhash] ，后者是特定於塊的。