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

Question

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

我能够将它们添加为 vue 配置中的新“页面”，即使没有 html 模板文件，它们也会正确构建并移动到 dist 中。

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

是否可以告诉 vue 配置某些“页面”不应被缓存清除？文档 here似乎没有将其公开为参数。

提前致谢!

Answer 1

可以对所有文件禁用文件名哈希: https://cli.vuejs.org/config/#filenamehashing

它在我的例子中使用下面的 vue.config.js 有效:

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