前端项目打包版本维护命令 npm version 完全解析

前端项目版本的维护,通常在 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

    1. 默认值: false
    1. 类型: Boolean

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

git-tag-version

    1. 默认值: true
    1. 类型: Boolean

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

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

评论

这篇文章目前有 4 条评论

Jackson进行回复 取消回复

电子邮件地址不会被公开。 必填项已用*标注

Sidebar