Vue中如何取消引入文件的hash值

2020-04-01431次阅读vue

在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
}

 

上一篇: Vue全局组件注册  下一篇: 移动端IOS横竖屏切换横屏时字体变大  

Vue中如何取消引入文件的hash值相关文章