vue项目打包时自动更新版本号
前言
页面中会显示当前版本号，每次更新需要手动更改版本号会很麻烦，现在是每次npm run build时会自动更新版本号，更新规律自己定义。
TODO：没有区分开发环境、测试环境、正式环境
创建自动更新版本脚本
在根目录下创建autoVersion.js脚本文件
const fs = require('fs')
const path = require('path')
// 读取 package.json 中的版本号
const packageJsonPath = path.resolve(__dirname, 'package.json')
const packageJson = JSON.parse(fs.readFileSync(packageJsonPath, 'utf-8'))
let version = packageJson.version
// 分割版本号并递增
let [major, minor, patch] = version.split('.').map(Number)
patch++ // 递增补丁版本号
// if (patch >= 10) {
// patch = 0
// minor++
// if (minor >= 10) {
// minor = 0
// major++
// }
// }
// 更新版本号
version = `${major}.${minor}.${patch}`
// 定义环境变量内容，如果.env里面有其他配置要一起写进去
const envContent = `VITE_APP_VERSION = ${version}`
// 写入 .env 文件
const envPath = path.resolve(__dirname, '.env')
fs.writeFileSync(envPath, envContent, 'utf-8')
// 更新 package.json 中的版本号
packageJson.version = version
// 将更新后的 package.json 写回文件
fs.writeFileSync(packageJsonPath, JSON.stringify(packageJson, null, 2), 'utf-8')
console.log(`版本号更新为: ${version}`)
页面获取版本号
在需要用到版本号的地方直接使用
const version = import.meta.env.VITE_APP_VERSION
修改package.json配置
修改build打包，新增autoVersion
"build": "npm run autoVersion && vite build",
"autoVersion": "node autoVersion.js"
原文地址：https://blog.csdn.net/qq_39981639/article/details/144374734
免责声明：本站文章内容转载自网络资源，如本站内容侵犯了原著者的合法权益，可联系本站删除。更多内容请关注自学内容网（zxcms.com）！