清緩存的兩種方法:webpack清緩存


1. 瀏覽器禁止緩存

<meta http-equiv="pragma" content="no-cache">
  <meta http-equiv="Cache-Control" content="no-cache, must-revalidate">
  <meta http-equiv="expires" content="0">

元信息解說:https://www.cnblogs.com/jesse131/p/5334311.html

2. webpack 打包js后面添加時間戳,清緩存

webpack.prod.conf.js

const  Version = new Date().getTime();
...
output: {
    path: config.build.assetsRoot,
    filename: utils.assetsPath('js/[name].[chunkhash].'+Version+'.js'),
    chunkFilename: utils.assetsPath('js/[id].[chunkhash].'+Version+'.js')
  },
...

3. vue-cli

vue.config.js   vue-cli打包的時候,內置會給js加上hashchunk,自動清緩存,

下面的配置不能生效,不要自己配了,直接使用內置

const Timestamp=new Date().getTime(); module.exports = { configureWebpack: { output: { // 輸出重構 打包編譯后的 文件名稱 【模塊名稱.版本號.時間戳】
 filename: `[name].${version}.${Timestamp}.js`, chunkFilename: `[name].${version}.${Timestamp}.js` } }, }

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM