当前位置:主页 > js > 项目打包版本号自加

项目打包版本号自加

xi2年前 (2022-09-21)js2690

原因

项目每次打包后都需要改动项目版本号,这个改动每次都需要在package.json中修改version,比较麻烦,到底有没有一种打包后版本号自加的办法。

方案

版本号自加其实可以使用fs修改文件来实现的。
具体思路是:在执行打包命令npm run build时,同时执行一段js代码,该代码通过调用fs来自加修改package.json中的version,然后再进行打包操作。

步骤

1、在package.json中将scripts中的打包命令修改为如下:

"serve": "vue-cli-service serve",
"build": "node ./src/addVersion.js && vue-cli-service build",

2、在src下创建addVersion.js:

3、在addVersion.js中写入下面内容,打包时使用fs修改package.json:

//npm run build打包前执行此段代码
let fs = require('fs');

//返回package的json数据
function getPackageJson() {
  let data = fs.readFileSync('./package.json');//fs读取文件
  return JSON.parse(data);//转换为json对象
}

let packageData = getPackageJson();//获取package的json
let arr = packageData.version.split('.');//切割后的版本号数组
arr[2] = parseInt(arr[2]) + 1;
packageData.version = arr.join('.');//转换为以"."分割的字符串
//用packageData覆盖package.json内容
fs.writeFile(
  './package.json',
  JSON.stringify(packageData, null, "\t"
  ),
  (err) => { }
);

4、最后执行打包命令:npm run build便会发现package.json中的版本号变化了。

转载请标注来源与原作者

本文链接:https://xiblogs.top/?id=8

“项目打包版本号自加” 的相关文章

express项目的创建

express项目的创建

前言前端开发者若要进行后端开发,大多都会选择node.js,在node生态下是有大量框架的,其中最受新手喜爱的便是老牌的express.js,接下来我们就从零创建一个express项目。 安装nod...

js玩儿爬虫

js玩儿爬虫

前言提到爬虫可能大多都会想到python,其实爬虫的实现并不限制任何语言。下面我们就使用js来实现,后端为express,前端为vue3。 实现功能话不多说,先看结果:这是项目链接:https://...

发表评论

访客

◎欢迎参与讨论,请在这里发表您的看法和观点。