uni-app 打包H5给js文件添加时间戳

时间:2021-6-4 作者:qvyue

在开发uni-app多端项目过程中,发现编译打包成H5版本的时候,打包出来的js文件默认都没有包含hash,导致每次H5页面缓存的js比较严重。
uni-app的配置文件中,没有可以配置导出js的相关配置,还好我们的项目主要还是用vue-cli搭建的,可以直接使用vue的vue.config.js来进行配置,下面直接给出配置代码:
直接在项目package.json同一级目录下创建vue.config.js文件

uni-app 打包H5给js文件添加时间戳
image.png

参考代码,可以根据自己项目需求进行配置

let filePath = ''
let Timestamp = ''
//编译环境判断,可以根据不同环境来做相应的配置
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`
    },
  },
}

声明:本文内容由互联网用户自发贡献自行上传,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任。如果您发现有涉嫌版权的内容,欢迎发送邮件至:qvyue@qq.com 进行举报,并提供相关证据,工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。