vue打包項(xiàng)目版本號(hào)自加的操作步驟
原因
項(xiàng)目每次打包后都需要改動(dòng)項(xiàng)目版本號(hào)，這個(gè)改動(dòng)每次都需要在package.json中修改version，比較麻煩，到底有沒有一種打包后版本號(hào)自加的辦法。
方案
版本號(hào)自加其實(shí)可以使用fs修改文件來實(shí)現(xiàn)的。
具體思路是：在執(zhí)行打包命令npm run build時(shí)，同時(shí)執(zhí)行一段js代碼，該代碼通過調(diào)用fs來自加修改package.json中的version，然后再進(jìn)行打包操作。
步驟
1、在package.json中將scripts中的打包命令修改為如下：
2、在src下創(chuàng)建addVersion.js:
3、在addVersion.js中寫入下面內(nèi)容，打包時(shí)使用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對(duì)象
}
let packageData = getPackageJson();//獲取package的json
let arr = packageData.version.split('.');//切割后的版本號(hào)數(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便會(huì)發(fā)現(xiàn)package.json中的版本號(hào)變化了。
到此這篇關(guān)于vue打包項(xiàng)目版本號(hào)自加的文章就介紹到這了,更多相關(guān)vue打包項(xiàng)目版本號(hào)自加內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
相關(guān)文章
這篇文章主要給大家介紹了vue懶加載和子組件懶加載有什么區(qū)別,Vue懶加載指的是對(duì)圖片等資源的延遲加載,而子組件懶加載則是指延遲加載組件實(shí)例,文中通過代碼示例給大家講解的非常詳細(xì),需要的朋友可以參考下2023-12-12
這篇文章主要為大家詳細(xì)介紹了vue實(shí)現(xiàn)物流時(shí)間軸效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2021-08-08
vue中input標(biāo)簽上傳本地文件或圖片后獲取完整路徑的解決方法
本文給大家介紹vue中input標(biāo)簽上傳本地文件或圖片后獲取完整路徑，如E:\medicineOfCH\stageImage\xxx.jpg，本文給大家分享完美解決方案，感興趣的朋友跟隨小編一起看看吧2023-04-04
Vue切換組件實(shí)現(xiàn)返回后不重置數(shù)據(jù),保留歷史設(shè)置操作
這篇文章主要介紹了Vue切換組件實(shí)現(xiàn)返回后不重置數(shù)據(jù),保留歷史設(shè)置操作，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過來看看吧2020-07-07
Vue偵測相關(guān)api的實(shí)現(xiàn)方法
這篇文章主要介紹了Vue偵測相關(guān)api，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-05-05
這篇文章主要介紹了Vue的Scroll滾動(dòng)事件觸發(fā)方式，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2022-04-04
詳解Vue基于 Nuxt.js 實(shí)現(xiàn)服務(wù)端渲染（SSR）
直接使用 Vue 構(gòu)建前端單頁面應(yīng)用，頁面源碼時(shí)只有簡單的幾行 html，這并不利于網(wǎng)站的 SEO，這時(shí)候就需要服務(wù)端渲染，本篇文章主要介紹了詳解Vue基于 Nuxt.js 實(shí)現(xiàn)服務(wù)端渲染（SSR），具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2018-04-04
vue3監(jiān)聽resize窗口事件(離開頁面要銷毀窗口事件)
這篇文章主要給大家介紹了關(guān)于vue3監(jiān)聽resize窗口事件(離開頁面要銷毀窗口事件)的相關(guān)資料,vue是單頁面應(yīng)用,路由切換后,定時(shí)器并不會(huì)自動(dòng)關(guān)閉,需要手動(dòng)清除,當(dāng)頁面被銷毀時(shí),清除定時(shí)器即可,需要的朋友可以參考下2023-11-11
單頁面vue引入百度統(tǒng)計(jì)的使用方法示例詳解
在網(wǎng)上各種找不到vue項(xiàng)目加入百度統(tǒng)計(jì)的代碼與實(shí)現(xiàn)，自己探索出了一套加入百度統(tǒng)計(jì)的辦法，下面這篇文章主要給大家介紹了關(guān)于單頁面vue引入百度統(tǒng)計(jì)的使用方法，需要的朋友可以參考下2018-10-10
這篇文章主要介紹了vue中methods、mounted等的使用方法解析，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2022-06-06