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

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

那么项目迭代中，如何来维护我们的版本号？只能手动在 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