首页
前端开发

分类

当前位置: 云海天教程网 > 技术新闻 > 前端开发 >正文

vue打包项目版本号自加

更新时间:2022-09-22  作者:佚名   来源: 网络转载

vue打包项目版本号自加

原因

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

方案

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

步骤

1、在package.json中将scripts中的打包命令修改为如下:
vue打包项目版本号自加
2、在src下创建addVersion.js:
vue打包项目版本号自加
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, "	"
  ),
  (err) => { }
);

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

原文链接:https://www.cnblogs.com/xi12/archive/2022/09/21/16715435.html

上一篇:TypeScript实用技巧 Nominal Typing名义类型详解 下一篇:2022年vue3 10大开源后台管理系统模板
小编推荐
快速导航更多>>
JavaScript 教程 HTML5 教程 CSS3 教程 jQuery 教程 Vue.js 教程 Node.js 教程 SQL 教程 C 教程 PHP 教程 Linux 教程 Docker 教程 Nginx 教程 Python 教程 Java 教程

云海天教程网 版权所有

 陕公网安备 61050202000585号

陕ICP备14013131号-3