Vue CLI 3 防止某些输出文件的缓存破坏

Question

我正在使用 vue cli 3 构建一个 chrome 扩展。我的基础知识运行良好，但我希望也运行我的内容和背景 javascript通过构建过程，而不是仅仅将它们放入我的 public 文件夹并将其复制到 dist 中。这主要是为了让我可以使用 import/export 来清理我的文件结构。

我能够在 vue 配置中将它们作为新的 "pages" 添加，即使没有 html 模板文件，它们也可以正确构建并移动到 dist 中。

问题是，他们随后将缓存破坏字符串附加到他们的文件名，因此我无法在扩展清单中引用它们。例如，background.js 变为 background.d8f9c902.js

是否可以告诉 vue 配置某些 "pages" 不应该清除缓存？文档 here 似乎没有将其作为参数公开。

提前致谢！

Answer 1

可以为所有文件禁用文件名散列： https://cli.vuejs.org/config/#filenamehashing

在我的案例中，使用下面的 vue.config.js:

// vue.config.js
module.exports = {
  lintOnSave: true,
  filenameHashing: false
}

Vue CLI 3 prevent cache busting for certain output files