话不多少,直接上代码
1、先在package.json同层创建一个json文件,用于保存版本信息
{
"version":"1.0.0.4",
"buildTime":"2022-01-10 14:43:24"
}
2、移步到打包配置的webpack.prod.conf.js文件下,(各版本脚手架配置文件不一样,自己找)
// 引入当前文件
let packageJson = require("../version.json");
// 引用 fs 模块,用于写入文件
const fs = require('fs');
// 递增版本号
function addVersion(pJson){
let version = "1.0.0.1";
if(!pJson.version) return version;
// 将版本号切割成数组,计算出下一个版本号
let arr = pJson.version.split(".").map(e=>{
return parseInt(e)
});
arr[arr.length-1] += 1;
for(let i=arr.length-1;i>0;i--){
if(arr[i]>9){
arr[i] = 0;
if([i-1]>-1) arr[i-1]+=1;
}
}
return arr.join(".");
}
// 版本号递增
packageJson.version = addVersion(packageJson);
// 写入打包时间
packageJson.buildTime = new Date().Format("yyyy-MM-dd hh:mm:ss");
fs.writeFile('./version.json', JSON.stringify(packageJson), (err) => {
if(err){
console.error(err);
return false;
}
let newPack = require("../version.json");
console.log('新版本号生成成功');
});
3、上述步骤完成后,执行npm run build命令,看到cmd控制台输出"新版本号生成成功",证明版本号修改已成功。
4、在页面上引入该文件,获取新生成的版本信息! over--
附目录图片: