Vue打包自增版本号

1,156 阅读1分钟

话不多少,直接上代码

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控制台输出"新版本号生成成功",证明版本号修改已成功。

image.png

4、在页面上引入该文件,获取新生成的版本信息! over--

image.png

附目录图片:

1641800662(1).png