在webpack中缓存破坏JSON文件

Question

我有以下代码(用typescript编写,但可以是任何JS变体):

this.http.get('configs/config.json').subscribe(...);

基本上,我正在从本地json文件加载配置.我想在文件上实现缓存清除.虽然我可以通过添加哈希后缀来设置我的webpack来修改json文件,但我还需要修改所有引用这些文件的源文件.string-replace-loader可能会做这个工作,但这样做有点奇怪.

此外,在某些情况下,我无法访问使http调用资源的代码行(第三方插件,例如,加载类似的翻译,i18n/[lang].json因此我不能直接修改代码和/或名称(因此内容) hash)仅在运行时才知道.

有没有类似URL重写的webpack可以解决这个问题？

Answer 1

在 webpack 中，我们通常依赖编译器来构建模块并维护哈希值，因此当模块及其依赖项发生变化时，块会相应地失效。

如果您用于file-loaderJSON 文件并添加[hash]根据其内容添加标识符的选项，您可以更改为如下内容，webpack 将在构建期间处理其余部分：

const configFileUrl = require('configs/config.json')
this.http.get(configFileUrl).subscribe(...)

使用加载器通常是选择加入的最佳方式，因为这会添加模块、启用插件访问并维护依赖关系。