uni-app 打包H5給js文件添加時間戳

在開發(fā)uni-app多端項目過程中,發(fā)現(xiàn)編譯打包成H5版本的時候,打包出來的js文件默認都沒有包含hash,導致每次H5頁面緩存的js比較嚴重。
uni-app的配置文件中,沒有可以配置導出js的相關配置,還好我們的項目主要還是用vue-cli搭建的,可以直接使用vue的vue.config.js來進行配置,下面直接給出配置代碼:
直接在項目package.json同一級目錄下創(chuàng)建vue.config.js文件


image.png

參考代碼,可以根據(jù)自己項目需求進行配置

let filePath = ''
let Timestamp = ''
//編譯環(huán)境判斷,可以根據(jù)不同環(huán)境來做相應的配置
if (process.env.UNI_PLATFORM === 'h5') {
  filePath = 'static/js/'
  Timestamp = '.' + new Date().getTime();

}

module.exports = {
  configureWebpack: { // webpack 配置 解決js緩存的問題,目前只適配H5端打包
    output: { // 輸出重構  打包編譯后的 文件目錄 文件名稱 【模塊名稱.時間戳】
      filename: `${filePath}[name]${Timestamp}.js`,
      chunkFilename: `${filePath}[name]${Timestamp}.js`
    },
  },
}

?著作權歸作者所有,轉載或內容合作請聯(lián)系作者
【社區(qū)內容提示】社區(qū)部分內容疑似由AI輔助生成,瀏覽時請結合常識與多方信息審慎甄別。
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發(fā)布,文章內容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

相關閱讀更多精彩內容

友情鏈接更多精彩內容