在前端项目中,由于浏览器缓存特性或是快速判断服务器 CI / CD 是否成功时,开发者需要知道当前加载的页面是否是最新构建的版本。在使用 vue-cli 构建项目时,虽然默认设置了打包 js 文件名使用 hash 防止缓存,但并不能通过 hash 判断构建版本是否是最新版。若能够在页面入口中,通过执行 console.log(version)
在控制台输出版本号,便可以轻松解决上述问题。
可以在配置文件 vue.config.js
中定义 node 环境变量 version,值为当前的时间或时间戳,这样在每次执行 build 时,便可以将当时的构建开始时间作为环境变量记录下来。
const version = new Date() module.exports = { chainWebpack(config){ config.plugin('define').tap(args => { args[0]['process.env'].version = JSON.stringify(version) return args }) } }
在入口文件中输出当前版本号到控制台:
console.log('当前版本号:', process.env.version)
此外,还可以通过 fs.writeFile
将构建时间记录到本地文件中,作为构建流水。
信息传播和消耗速度迫使很多企业重新评估其业务运营。IDC 研究了当今企业如何构...
作者 |? 车漾 Fluid 社区 Commiter 谢远东 Fluid 社区 Commiter 来源 | 阿里巴巴...
作者:jingjunli,腾讯 IEG 后台开发工程师 Redis 作为高性能缓存被广泛应用到各...
TOP云 (west.cn)8月19日消息,自王宝强发表离婚声明以来,该事件持续热门,最...
近日,百度宣布投入亿级创意孵化金打造“AI营销创想季”项目,该项目是百度2018...
1 漂浮基座机器人动力学和运动建模 2 漂浮基座机器人全数值仿真系统 数值仿真系...
要创建FunctionGraph函数,首先需要创建函数部署程序包(包含代码和所有依赖项的...
2020年,终于过去了,还没来得及喘口气,疫情却又嗷嗷的来了。 太难了!相信这是...
零基础如何快速学习Java编程?入行Java开发要有一定的逻辑思维能力,而逻辑思维能...
功能介绍 修改一个指定弹性伸缩组中的信息。 更换伸缩组的伸缩配置,伸缩组中已...