最新国产好看的视频,伊人天堂AV在线,国产Aaaaaa视频,蜜臀视频在线观看一区,人妻av色图,密臀久久久精品影片,青青视频免费观看毛片,久草在线观看视,国产三级精品色情在线

vue打包更新packge.json版本號(hào)的全過程

 更新時(shí)間:2024年08月16日 10:44:42   作者:心肝到爆  
這篇文章主要介紹了vue打包更新packge.json版本號(hào)的全過程,文章通過圖文結(jié)合的方式給大家講解的非常詳細(xì),對(duì)大家的學(xué)習(xí)或工作有一定的幫助,需要的朋友可以參考下

VUE項(xiàng)目打包自動(dòng)更新版本號(hào)
此方法只針對(duì) Vue 如果使用其他框架,可以此參照作為參考

一、先看效果

在這里插入圖片描述

二、創(chuàng)建 buildVersion.js 文件

在這里插入圖片描述

文件內(nèi)容 目前只針對(duì)3位版本號(hào)
遞增規(guī)則是 每次更新 加一次小版本,10次小版本向前遞增一個(gè)版本。如:1.0.9 遞增后 1.1.0

let fs = require("fs");
const getPackageJson = () => {
  // 讀取文件
  let data = fs.readFileSync("./package.json");
  // 轉(zhuǎn)換為 JSON 對(duì)象
  return JSON.parse(data);
};

let packageData = getPackageJson();

const updateVersion = () => {
  let version = packageData.version.split(".");
  let major = parseInt(version[0]); // 主版本號(hào)
  let minor = parseInt(version[1]); // 次版本號(hào)
  let patch = parseInt(version[2]); // 小版本號(hào)

  // 檢查并更新版本號(hào)
  if (patch < 9) {
    patch++; // 遞增小版本號(hào)
  } else {
    patch = 0; // 重置小版本號(hào)
    if (minor < 9) {
      minor++; // 遞增次版本號(hào)
    } else {
      minor = 0; // 重置次版本號(hào)
      major++; // 遞增主版本號(hào)
    }
  }

  // 更新版本號(hào)
  packageData.version = `${major}.${minor}.${patch}`;

  // 獲取當(dāng)前日期和時(shí)間
  let now = new Date();
  let formattedDate = `${now.getFullYear()}-${String(
    now.getMonth() + 1
  ).padStart(2, "0")}-${String(now.getDate()).padStart(2, "0")} ${String(
    now.getHours()
  ).padStart(2, "0")}:${String(now.getMinutes()).padStart(2, "0")}:${String(
    now.getSeconds()
  ).padStart(2, "0")}`;

  // 更新最后打包時(shí)間
  packageData.lastBuildTime = formattedDate;
};

updateVersion();

fs.writeFile(
  "./package.json",
  JSON.stringify(packageData, null, "\t"),
  (err) => {
    if (err) {
      console.log("寫入版本失敗", err);
    } else {
      console.log("寫入版本成功 " + packageData.version);
    }
  }
);

三、修改packjson里面,scripts命令

"scripts": {
	"dev": "vue-cli-service serve",
	"build:prod": "node ./buildVersion.js && vue-cli-service build"
}

執(zhí)行npm run build:prod 后自動(dòng)更新versionlastBuildTime

在這里插入圖片描述

四、在頁面地方使用

在這里插入圖片描述

到此這篇關(guān)于vue打包更新packge.json版本號(hào)的全過程的文章就介紹到這了,更多相關(guān)vue打包更新packge.json版本號(hào)內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!

相關(guān)文章

  • vue.js實(shí)現(xiàn)動(dòng)態(tài)面包屑

    vue.js實(shí)現(xiàn)動(dòng)態(tài)面包屑

    這篇文章主要為大家詳細(xì)介紹了vue.js實(shí)現(xiàn)動(dòng)態(tài)面包屑,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2022-04-04
  • 簡單的vue-resourse獲取json并應(yīng)用到模板示例

    簡單的vue-resourse獲取json并應(yīng)用到模板示例

    本篇文章主要介紹了簡單的vue-resourse獲取json并應(yīng)用到模板示例,非常具有實(shí)用價(jià)值,需要的朋友可以參考下。
    2017-02-02
  • 基于VUE.JS的移動(dòng)端框架Mint UI的使用

    基于VUE.JS的移動(dòng)端框架Mint UI的使用

    本篇文章主要介紹了基于VUE.JS的移動(dòng)端框架Mint UI的使用,小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧
    2017-10-10
  • Vue.js tab實(shí)現(xiàn)選項(xiàng)卡切換

    Vue.js tab實(shí)現(xiàn)選項(xiàng)卡切換

    這篇文章主要為大家詳細(xì)介紹了Vue.js組件tab實(shí)現(xiàn)選項(xiàng)卡切換效果,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2017-05-05
  • vue3的自定義指令directives實(shí)現(xiàn)

    vue3的自定義指令directives實(shí)現(xiàn)

    本文主要介紹了vue3的自定義指令directives實(shí)現(xiàn),文中通過示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
    2022-07-07
  • vue.js數(shù)據(jù)綁定操作詳解

    vue.js數(shù)據(jù)綁定操作詳解

    這篇文章主要介紹了vue.js數(shù)據(jù)綁定操作,結(jié)合實(shí)例形式詳細(xì)分析了vue.js數(shù)據(jù)綁定的各種常見操作技巧與相關(guān)注意事項(xiàng),需要的朋友可以參考下
    2018-04-04
  • vue.js入門教程之計(jì)算屬性

    vue.js入門教程之計(jì)算屬性

    Vue.js 的內(nèi)聯(lián)表達(dá)式非常方便,但它最合適的使用場景是簡單的布爾操作或字符串拼接。如果涉及更復(fù)雜的邏輯,你應(yīng)該使用計(jì)算屬性。這篇文章我們將一起學(xué)習(xí)vue.js的計(jì)算屬性。什么是計(jì)算屬性,為什么要用這東西呢?通過下面這篇文章你將解決這些問題,下面來一起看看吧。
    2016-09-09
  • vue?3?effect作用與原理解析

    vue?3?effect作用與原理解析

    Vue3的Effect是其響應(yīng)式系統(tǒng)的核心,負(fù)責(zé)依賴追蹤和自動(dòng)響應(yīng),它通過ReactiveEffect類封裝副作用邏輯,實(shí)現(xiàn)依賴收集和觸發(fā)更新,本文介紹vue?3?effect作用與原理解析,感興趣的朋友一起看看吧
    2025-02-02
  • 詳解vue服務(wù)端渲染(SSR)初探

    詳解vue服務(wù)端渲染(SSR)初探

    本篇文章主要介紹了詳解vue服務(wù)端渲染(SSR)初探,小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧
    2017-06-06
  • vue2.0 根據(jù)狀態(tài)值進(jìn)行樣式的改變展示方法

    vue2.0 根據(jù)狀態(tài)值進(jìn)行樣式的改變展示方法

    下面小編就為大家分享一篇vue2.0 根據(jù)狀態(tài)值進(jìn)行樣式的改變展示方法,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過來看看吧
    2018-03-03

最新評(píng)論

孙吴县| 贺州市| 沛县| 江源县| 扶风县| 科技| 酒泉市| 金门县| 大余县| 布拖县| 金山区| 高雄市| 苍溪县| 海林市| 西安市| 江山市| 万山特区| 新宁县| 海兴县| 云和县| 沾益县| 九寨沟县| 长乐市| 犍为县| 澄迈县| 二连浩特市| 黑龙江省| 贵州省| 封丘县| 桐庐县| 故城县| 夏河县| 石屏县| 厦门市| 石河子市| 五峰| 达尔| 长顺县| 义乌市| 那曲县| 蒙城县|