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

Posted 2023-02-22

【中文标题】Vue CLI 3 防止某些输出文件的缓存破坏

【英文标题】：Vue CLI 3 prevent cache busting for certain output files

【发布时间】：2019-06-25 11:48:40

【问题描述】：

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

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

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

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

提前致谢！

【参考方案1】：

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

它适用于我的情况，使用下面的 vue.config.js：

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

【讨论】：

谢谢。这也适用于我。我想它不能在每个输出的基础上完成，但我认为 chrome 扩展中的任何文件都不需要缓存清除。