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​​的作用。

release-it帮我做了哪些自动化的事情_git

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

这里生成了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"
}
}
}
复制代码

release-it帮我做了哪些自动化的事情_json_02

8、最终会打开浏览器

release-it帮我做了哪些自动化的事情_github_03

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

release-it帮我做了哪些自动化的事情_json_04

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

release-it帮我做了哪些自动化的事情_git_05

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