Webpack动态import（）和代理缓存

Question

我有一个类似于webpack可以完美处理的代码：

import(
  /* webpackChunkName: "my-chunk-name" */
  'my-package'
);

这样就可以生成一个名为“ my-chunk-name”的块。 对我们来说，问题在于服务器之前有一个用于缓存文件的代理，这会导致问题。每次发行后，都可以更改“ my-chunk-name”，但是代理仍然会为文件的旧版本提供一段时间。

是否有机会在请求的文件中添加时间戳，以使其类似于my-chunk-name.js?_ts=1536219218007？ 这样可以确保避开代理缓存并提供文件的新副本。

配置文件：

 output: { 
    path: outputPath, 
    filename: '[name].js', 
    chunkFilename: '[id].js'
 }

Answer 1

要完成此操作，请使用[hash]。

output: { 
    path: outputPath, 
    filename: '[name].[contenthash].js', 
    chunkFilename: '[id].[contenthash].js'
 }

对于每个版本，此哈希将有所不同，因此更新文件时，您的现金将完全可以使用。