前端项目打包版本维护

毛仔仔

3 年前

前端项目版本的维护，通常在 package.json 文件中的 version 属性进行配置，当我们要在前端页面中显示的时候，可以按如下操作：

<script>
import config from '../../package.json'
export default {
  name: 'Footer',
  data() {
    return {
      appVersion: config.version
    }
  }
}
</script>

那么项目迭代中，如何来维护我们的版本号？只能手动在 package.json 中修改么？

其实可以在打包执行命令的时候，通过命令及参数帮助我们实现自动升级版本号的目的。比如我们在打测试环境包的时候可以使用（cross-env 用来指定变量 NODE_ENV 的值）

"scripts": {
  "test": "npm version patch && cross-env NODE_ENV=testing node build/build.js"
}

下面我们来看看 npm version 命令具体的使用方式：npm 采用了 semver 规范作为依赖版本管理方案。semver 约定一个包的版本号必须包含3个数字

MAJOR.MINOR.PATCH 意思是 主版本号.小版本号.修订版本号

MAJOR 对应大的版本号迭代，做了不兼容旧版的修改时要更新 MAJOR 版本号
MINOR 对应小版本迭代，发生兼容旧版 API 的修改或功能更新时，更新 MINOR 版本号
PATCH 对应修订版本号，一般针对修复 BUG 的版本号

当我们每次发布包的时候都需要升级版本号：

npm version major  # 大版本号加 1，其余版本号归 0
npm version minor  # 小版本号加 1，修订号归 0
npm version patch  # 修订号加 1

另外还有其它一些参数需要注意

`allow-same-version`

默认值: false
类型: Boolean

该配置项用于防止我们的升级后的版本号和升级前一样时抛出错误

`git-tag-version`

默认值: true
类型: Boolean

这个配置项用来是否在升级版本号后自动给该版本号打 Tag

npm version patch --allow-same-version=false --git-tag-version=true

#大佬指导#