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

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

 更新時(shí)間:2024年08月16日 10:44:42   作者:心肝到爆  
這篇文章主要介紹了vue打包更新packge.json版本號(hào)的全過(guò)程,文章通過(guò)圖文結(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("寫(xiě)入版本失敗", err);
    } else {
      console.log("寫(xiě)入版本成功 " + 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

在這里插入圖片描述

四、在頁(yè)面地方使用

在這里插入圖片描述

到此這篇關(guān)于vue打包更新packge.json版本號(hào)的全過(guò)程的文章就介紹到這了,更多相關(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
  • 簡(jiǎn)單的vue-resourse獲取json并應(yīng)用到模板示例

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

    本篇文章主要介紹了簡(jiǎn)單的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的使用,小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
    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),文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(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ù)綁定的各種常見(jiàn)操作技巧與相關(guān)注意事項(xiàng),需要的朋友可以參考下
    2018-04-04
  • vue.js入門(mén)教程之計(jì)算屬性

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

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

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

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

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

    本篇文章主要介紹了詳解vue服務(wù)端渲染(SSR)初探,小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
    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ì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧
    2018-03-03

最新評(píng)論

卢龙县| 芜湖市| 上杭县| 安国市| 墨竹工卡县| 揭西县| 栾川县| 乌鲁木齐市| 馆陶县| 桃源县| 富民县| 绥滨县| 天全县| 兴山县| 合山市| 浦东新区| 威远县| 鹤峰县| 建德市| 景东| 健康| 连平县| 简阳市| 集贤县| 云阳县| 科尔| 郴州市| 思南县| 克什克腾旗| 大埔区| 连江县| 双柏县| 英超| 台江县| 工布江达县| 鸡东县| 南漳县| 加查县| 无锡市| 丰县| 吉林市|