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)文章
這篇文章主要給大家介紹了vue懶加載和子組件懶加載有什么區(qū)別,Vue懶加載指的是對圖片等資源的延遲加載,而子組件懶加載則是指延遲加載組件實例,文中通過代碼示例給大家講解的非常詳細,需要的朋友可以參考下2023-12-12
這篇文章主要為大家詳細介紹了vue實現(xiàn)物流時間軸效果，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-08-08
vue中input標簽上傳本地文件或圖片后獲取完整路徑的解決方法
本文給大家介紹vue中input標簽上傳本地文件或圖片后獲取完整路徑，如E:\medicineOfCH\stageImage\xxx.jpg，本文給大家分享完美解決方案，感興趣的朋友跟隨小編一起看看吧2023-04-04
Vue切換組件實現(xiàn)返回后不重置數(shù)據(jù),保留歷史設(shè)置操作
這篇文章主要介紹了Vue切換組件實現(xiàn)返回后不重置數(shù)據(jù),保留歷史設(shè)置操作，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2020-07-07
這篇文章主要介紹了Vue偵測相關(guān)api，文中通過示例代碼介紹的非常詳細，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-05-05
這篇文章主要介紹了Vue的Scroll滾動事件觸發(fā)方式，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-04-04
詳解Vue基于 Nuxt.js 實現(xiàn)服務(wù)端渲染（SSR）
直接使用 Vue 構(gòu)建前端單頁面應(yīng)用，頁面源碼時只有簡單的幾行 html，這并不利于網(wǎng)站的 SEO，這時候就需要服務(wù)端渲染，本篇文章主要介紹了詳解Vue基于 Nuxt.js 實現(xiàn)服務(wù)端渲染（SSR），具有一定的參考價值，感興趣的小伙伴們可以參考一下2018-04-04
vue3監(jiān)聽resize窗口事件(離開頁面要銷毀窗口事件)
這篇文章主要給大家介紹了關(guān)于vue3監(jiān)聽resize窗口事件(離開頁面要銷毀窗口事件)的相關(guān)資料,vue是單頁面應(yīng)用,路由切換后,定時器并不會自動關(guān)閉,需要手動清除,當頁面被銷毀時,清除定時器即可,需要的朋友可以參考下2023-11-11
在網(wǎng)上各種找不到vue項目加入百度統(tǒng)計的代碼與實現(xiàn)，自己探索出了一套加入百度統(tǒng)計的辦法，下面這篇文章主要給大家介紹了關(guān)于單頁面vue引入百度統(tǒng)計的使用方法，需要的朋友可以參考下2018-10-10
這篇文章主要介紹了vue中methods、mounted等的使用方法解析，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-06-06