vue打包項目版本號自加的操作步驟
更新時間：2022年09月21日 14:17:48 作者：曦12
項目每次打包后都需要改動項目版本號，這個改動每次都需要在package.json中修改version，比較麻煩，到底有沒有一種打包后版本號自加的辦法，這篇文章主要介紹了vue打包項目版本號自加的步驟,需要的朋友可以參考下
原因
項目每次打包后都需要改動項目版本號，這個改動每次都需要在package.json中修改version，比較麻煩，到底有沒有一種打包后版本號自加的辦法。
方案
版本號自加其實可以使用fs修改文件來實現(xiàn)的。
具體思路是：在執(zhí)行打包命令npm run build時，同時執(zhí)行一段js代碼，該代碼通過調(diào)用fs來自加修改package.json中的version，然后再進行打包操作。
步驟
1、在package.json中將scripts中的打包命令修改為如下：
2、在src下創(chuàng)建addVersion.js:
3、在addVersion.js中寫入下面內(nèi)容，打包時使用fs修改package.json：
//npm run build打包前執(zhí)行此段代碼
let fs = require('fs');
//返回package的json數(shù)據(jù)
function getPackageJson() {
let data = fs.readFileSync('./package.json');//fs讀取文件
return JSON.parse(data);//轉(zhuǎn)換為json對象
}
let packageData = getPackageJson();//獲取package的json
let arr = packageData.version.split('.');//切割后的版本號數(shù)組
arr[2] = parseInt(arr[2]) + 1;
packageData.version = arr.join('.');//轉(zhuǎn)換為以"."分割的字符串
//用packageData覆蓋package.json內(nèi)容
fs.writeFile(
'./package.json',
JSON.stringify(packageData, null, "\t"
),
(err) => { }
);4、最后執(zhí)行打包命令：npm run build便會發(fā)現(xiàn)package.json中的版本號變化了。
到此這篇關(guān)于vue打包項目版本號自加的文章就介紹到這了,更多相關(guān)vue打包項目版本號自加內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
相關(guān)文章
watch就是當(dāng)值第一次綁定的時候，是不會執(zhí)行監(jiān)聽函數(shù)的，只有值誕生改變才會執(zhí)行。如果需要在第一次綁定的時候也執(zhí)行函數(shù)，則需要用到immediate屬性，比如當(dāng)父組件向子組件動態(tài)傳值時，子組件props首次獲取到父組件傳來的No認(rèn)知時，也需要執(zhí)行函數(shù)2023-01-01
vue導(dǎo)入新工程?“node_modules依賴”問題
這篇文章主要介紹了vue導(dǎo)入新工程?“node_modules依賴”問題，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-09-09
Vue+Openlayers實現(xiàn)實時坐標(biāo)點展示
這篇文章主要為大家詳細(xì)介紹了Vue+Openlayers實現(xiàn)實時坐標(biāo)點展示，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-03-03
當(dāng)我們談?wù)摶蛴懻撛?Vue?中創(chuàng)建用戶界面組件時,經(jīng)常會提到可重用性,在?Vue?中創(chuàng)建真正的可重用組件可能很棘手,在本文中,我將探討可重用組件的概念、應(yīng)用這些組件時面臨的問題,以及為什么必須盡可能克服這些問題,需要的朋友可以參考下2023-10-10
在本篇文章里小編給大家整理了一篇關(guān)于Vue首屏性能優(yōu)化組件知識點總結(jié)，有需要的朋友們可以跟著學(xué)習(xí)下。2021-11-11
這篇文章主要介紹了vue列表如何自動滾動到制定位置問題,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教2023-10-10
Vue應(yīng)用qs插件實現(xiàn)參數(shù)格式化示例詳解
這篇文章主要為大家介紹了Vue應(yīng)用qs插件實現(xiàn)參數(shù)格式化示例詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪2023-09-09
這篇文章主要介紹了vue項目中使用rem,在入口文件添加內(nèi)容操作，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2020-11-11
基于Vue中使用節(jié)流Lodash throttle詳解
今天小編就為大家分享一篇基于Vue中使用節(jié)流Lodash throttle詳解，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2019-10-10
vue+elementUI用戶修改密碼的前端驗證規(guī)則
用戶登錄后修改密碼,密碼需要一定的驗證規(guī)則,這篇文章主要介紹了vue+elementUI用戶修改密碼的前端驗證,需要的朋友可以參考下2024-03-03