在Vue缓存应用中,vue cli脚手架可以通过配置vue.config.js(本质上是配置webpack)中来设置编译生成的文件具备hash值,意味着每次打包编译的文件都是唯一的,来防止因为缓存,导致资源没有更新。
//vue.config.js
module.exports = {
filenameHashing: true,
chainWebpack: (config) => {
config.output.filename('[name].[hash].js').end();
}
}
filenameHashing选项默认情况下为true,生成的静态资源在它们的文件名中包含了hash以便更好的控制缓存。然而,这也要求index的HTML是被Vue CLI自动生成的。如果你无法使用Vue CLI生成的index HTML,你可以通过将filenameHashing选项设为false 来关闭文件。
//vue.config.js
module.exports = {
filenameHashing: false
}