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

vue項目打包自動更新版本號且自動刷新緩存的方法示例

 更新時間:2024年11月23日 15:26:59   作者:Faaaaaaq  
這篇文章主要給大家介紹了關(guān)于vue項目打包自動更新版本號且自動刷新緩存的相關(guān)資料,文中通過代碼及圖文介紹的非常詳細(xì),對大家學(xué)習(xí)或者使用vue具有一定的參考借鑒價值,需要的朋友可以參考下

在項目根目錄創(chuàng)建一個 version.js 文件!

const fs = require('fs');
const path = './package.json';

function getPackageJson() {
    return JSON.parse(fs.readFileSync(path));
}

try {
    let packageJson = getPackageJson();
    let version = packageJson.version;
    // 去除前綴 v
    if (version.startsWith('v')) {
        version = version.slice(1);
    }
    let arr = version.split('.').map(item => {
        let num = Number(item);
        if (isNaN(num)) {
            throw new Error(`Invalid version number part: ${item}`);
        }
        return num;
    });

    if (arr[2] < 9) {
        arr[2] += 1;
    } else if (arr[1] < 9) {
        arr[1] += 1;
        arr[2] = 0;
    } else {
        arr[0] += 1;
        arr[1] = 0;
        arr[2] = 0;
    }

    const newVersion = 'v' + arr.join('.');
    packageJson.version = newVersion;

    fs.writeFileSync(path, JSON.stringify(packageJson, null, 2));
    console.log(`Version updated to ${newVersion}`);
	} catch (error) {
	    console.error('Failed to update package.json:', error);
	    process.exit(1);
	}

在項目package.json配置基礎(chǔ)版本號

繼續(xù)在package.json文件的打包命令里添加執(zhí)行version代碼

可以先到運行serve里面添加執(zhí)行version代碼查看package.json里的版本號是否生效

在這里插入圖片描述

main.js里面添加清除緩存,刷新代碼;簡單粗暴

const version = require('../package.json').version
const versionStorage = localStorage.getItem('version')
if (version != versionStorage) {
  localStorage.clear()
  localStorage.setItem('version', version)
  setTimeout(() => {
    window.location.reload(true)
  }, 500)
}

總結(jié) 

到此這篇關(guān)于vue項目打包自動更新版本號且自動刷新緩存的文章就介紹到這了,更多相關(guān)vue項目打包自動更新版本號內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!

相關(guān)文章

  • vue登錄頁面回車執(zhí)行事件@keyup.enter.native問題

    vue登錄頁面回車執(zhí)行事件@keyup.enter.native問題

    這篇文章主要介紹了vue登錄頁面回車執(zhí)行事件@keyup.enter.native問題,具有很好的參考價值,希望對大家有所幫助。如有錯誤或未考慮完全的地方,望不吝賜教
    2023-03-03
  • el-form組件清除校驗提示正確方法(前端技能提升)

    el-form組件清除校驗提示正確方法(前端技能提升)

    el-form組件提供了表單驗證的功能,可以通過在el-form上綁定rules屬性,并在el-form-item上設(shè)置prop屬性來進(jìn)行校驗,這篇文章主要給大家介紹了關(guān)于el-form組件清除校驗提示正確方法(前端技能提升)的相關(guān)資料,需要的朋友可以參考下
    2023-12-12
  • vue自定義指令實現(xiàn)僅支持輸入數(shù)字和浮點型的示例

    vue自定義指令實現(xiàn)僅支持輸入數(shù)字和浮點型的示例

    今天小編就為大家分享一篇vue自定義指令實現(xiàn)僅支持輸入數(shù)字和浮點型的示例,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧
    2019-10-10
  • vue?eslint報錯error?"Component?name?"*****"?should?always?be?multi-word"解決

    vue?eslint報錯error?"Component?name?"*****"

    這篇文章主要給大家介紹了關(guān)于vue?eslint報錯error?“Component?name?“*****“?should?always?be?multi-word”的解決方法,文中通過圖文以及實例代碼介紹的非常詳細(xì),需要的朋友可以參考下
    2022-09-09
  • 15個Vue技巧,你都知道嗎

    15個Vue技巧,你都知道嗎

    在使用 Vue 開發(fā)的這幾年里,掌握一些有用的技巧,使用一些更高級的技術(shù)點,總會有用的,本文就介紹了15個Vue技巧,具有一定的參考價值,感興趣的可以了解一下
    2022-02-02
  • Vue中使用Lodash的實現(xiàn)示例

    Vue中使用Lodash的實現(xiàn)示例

    本文主要介紹了Vue中使用Lodash的實現(xiàn)示例,文中通過示例代碼介紹的非常詳細(xì),具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2022-03-03
  • vue iview實現(xiàn)分頁功能

    vue iview實現(xiàn)分頁功能

    這篇文章主要為大家詳細(xì)介紹了vue iview實現(xiàn)分頁功能,文中示例代碼介紹的非常詳細(xì),具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2022-07-07
  • vue調(diào)用swiper插件步驟教程(最易理解且詳細(xì))

    vue調(diào)用swiper插件步驟教程(最易理解且詳細(xì))

    有時候我們需要在vue中使用輪播組件,如果是在vue組件中引入第三方組件的話,最好通過npm安裝,從而進(jìn)行統(tǒng)一安裝包管理,下面這篇文章主要給大家介紹了關(guān)于vue調(diào)用swiper插件的相關(guān)資料,需要的朋友可以參考下
    2023-04-04
  • 解決vuejs 使用value in list 循環(huán)遍歷數(shù)組出現(xiàn)警告的問題

    解決vuejs 使用value in list 循環(huán)遍歷數(shù)組出現(xiàn)警告的問題

    今天小編就為大家分享一篇解決vuejs 使用value in list 循環(huán)遍歷數(shù)組出現(xiàn)警告的問題,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧
    2018-09-09
  • VUE中Non-Props屬性的使用

    VUE中Non-Props屬性的使用

    本文主要介紹了VUE中Non-Props屬性的使用,文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
    2023-05-05

最新評論

康乐县| 雷山县| 泰顺县| 进贤县| 平罗县| 马关县| 宝应县| 安仁县| 乐都县| 通州区| 金湖县| 昌宁县| 阿克陶县| 肥城市| 平利县| 文安县| 孝感市| 四平市| 汝城县| 资兴市| 防城港市| 新干县| 轮台县| 洛隆县| 稻城县| 平凉市| 邯郸市| 金昌市| 六盘水市| 江北区| 合肥市| 商城县| 南通市| 离岛区| 彭州市| 普陀区| 江达县| 沾化县| 九江市| 大邑县| 迁安市|