1.2.0 • Published 12 months ago
add_version_plugin_vite v1.2.0
安装 (vite构建)
npm i add_version_plugin_vite -D
如果你使用的是webpack请使用:
npm i add_version_plugin -D
https://www.npmjs.com/package/add_version_plugin
更新版本
--version 1.2.0
修复 分支名称带有/导致的错误
--version 1.1.2
vite 构建的vue3项目打包,在输出的dist文件夹中生成一个版本信息文件
使用
1. 找到vue.config.js
2. 导入插件
import addVersionPlugin from 'add_version_plugin_vite'
import { resolve } from 'path'
3. 添加package.json信息
import appData from './package.json'
const app_infos = {
app_name: appData.name,
app_version: appData.version
}
4. 进行如下配置
export default defineConfig({
plugins: [
vue(),
// 初始化插件
addVersionPlugin({
// 生成信息文件保存的位置,默认是打包后的dist的文件下
filePath: resolve(__dirname, 'dist/build_version.md'),
// package.json中获取的一些信息
app_infos: app_infos
})
],
build: {
minify: 'terser',
terserOptions: {
compress: {
//生产环境时移除console.log()
drop_console: true,
drop_debugger: true,
},
}
}
})
app_infos => 获取项目中package.json 中的项目名称以及版本信息,(为必填字段)
filename => 你想打包后生成的版本文件名称(非必填,默认,不填默认为dist/build_version.md 如上:dist/version.md)
更新package.josn里面的软件版本
方案一:手动修改版本
方案二:通过npm 脚本去自动修改<需要自己去配置>
可以在package.json 中添加script 脚本去解决,每只需要运行编译脚本,便会自动更新version,并打包到新的dist目录中
可自行了解 如下
npm version patch (执行一次,变成1.1.2)
npm version minor (执行一次,变成1.2.1)
npm version major (执行一次,变成2.1.1)
编译打包生成的版本信息
|name |value |
|---------|-------------|
|app_name:|vue_3|
|app_version:| 0.0.0|
|git_branch: |master|
|git_version: |b7edea6327ad26c1098dbb4561ea4837d335ebde|
|build_user: |zhangxudong - <2269983609@qq.com>|
|build_date: |2023-02-14 14:59:37|
--------------------------------------------------