1、release-it能干什么

• 我们先正常提交我们自己的代码，需求或bug以及其他

• 自动根据上一个版本标签（Tag）与最新历史进行对比并产出日志

• conventional-changelog将变更写入到CHANGELOG.md

• 解析日志内容更新package.json的版本号

• 提交内容变化并打上版本标签

• 打开浏览器github，发布change-log版本

2、安装release-it

在项目根目录下安装依赖

npm i release-it
复制代码

3、添加脚本

在package.json中添加脚本

  "scripts": {
    "release": "release-it"
  },
复制代码

4、提交代码

假如我们变更了一部分代码，一般都要先提交 推送到代码服务器

git add .
git commit -m 'feat: release-it'
复制代码

这里可以省略git push

5、运行release

npm run release
复制代码

然后开始发挥 release-it的作用。

一路选择后便可以执行完成了

这里生成了changelog但是没有地方进行记录,于是release-it/conventional-changelog闪亮登场

6、安装release-it/conventional-changelog

npm i @release-it/conventional-changelog -D
复制代码

7、release-it 单独配置.release-it.json

{
    "github": {
      "release": true
    },
    "git": {
      "commitMessage": "release: v${version}"
    },
    "npm": {
      "publish": false
    },
    "hooks": {
      "after:bump": "echo 更新版本成功"
    },
    "plugins": {
      "@release-it/conventional-changelog": {
        "preset": "angular",
        "infile": "CHANGELOG.md"
      }
    }
  }
复制代码

8、最终会打开浏览器

将我们的提交转换为release，点击一下就可以发布出去了

我去看了一下我平常用的最多的vant

原来碰巧它用的就是release-it