使用 commitizen 和 standard-version 自動(dòng)化 JavaScript 項(xiàng)目版本控制

本文為譯文,原為為:Christian Ing Sunardi: Automate JavaScript project versioning with commitizen and standard-version

其實(shí)手動(dòng)更新版本號(hào),changelog, 創(chuàng)建 git tags 還是比較麻煩的。有沒(méi)有更好的方法?別怕,使用 standard-version ,只需要一行命令,就會(huì)幫你搞定一切!為實(shí)現(xiàn)自動(dòng)化版本控制,有一些基礎(chǔ)配置需要做。

安裝 commitizen

在使用 standard-version 之前,需要遵循 Conventional Commit Specifications 來(lái)進(jìn)行標(biāo)準(zhǔn)化的 commit message 編寫(xiě)。這是因?yàn)?standard-version 是基于 commit 類(lèi)型來(lái)更新版本號(hào)的(feature 會(huì)更新 minor, bug fix 會(huì)更新 patch, BREAKING CHANGES 會(huì)更新 major)。commitizen 可以幫助我們提交符合 Conventional Commit Specifications 的 commit message。

  1. 在你的 JavaScript 項(xiàng)目中安裝 commitizen:
npm install -D commitizen
  1. 設(shè)置 changelog adapter:
commitizen init cz-conventional-changelog --save-dev --save-exact
  1. package.json,中增加如下腳本:
"scripts": {
  "commit" : "git-cz"
}

首先我們 git add . 文件,然后 npm run commit,此時(shí) commitizen 會(huì)通過(guò) CLI 對(duì)我們進(jìn)行詢問(wèn):

選擇提交類(lèi)型后,會(huì)需要我們填寫(xiě)詳細(xì)信息:


detail.png

至此,我們的修改已經(jīng)被成功提交,可以開(kāi)始配置 standard-version 了。

安裝 standard-version

當(dāng)我們使用 commitizen 進(jìn)行標(biāo)準(zhǔn)化提交之后,我們就可以使用 standard-version 進(jìn)行版本管理自動(dòng)化了,包括更新 CHANGELOG.md,以及使用 git tag

  1. 安裝 standard-version
npm install -D standard-version
  1. package.json 中編寫(xiě)響應(yīng)的腳本:
"scripts": {
  "commit" : "git-cz",
  "release": "standard-version"
}

為了合理的使用 standard-version,我們首先需要 git add . 文件,然后執(zhí)行 npm run commit,最后執(zhí)行 npm run release

CHANGELOG.md 配置

默認(rèn)情況下,standard-version 只會(huì)在 CHANGELOG.md 中記錄 featfix 類(lèi)型的提交。如果想記錄其他類(lèi)型的提交,需要如下步驟:

  • 在項(xiàng)目的根目錄下創(chuàng)建一個(gè)名為 .versionrc 的文件,并粘貼復(fù)制一下內(nèi)容:
// .versionrc
{
  "types": [
    {"type": "chore", "section":"Others", "hidden": false},
    {"type": "revert", "section":"Reverts", "hidden": false},
    {"type": "feat", "section": "Features", "hidden": false},
    {"type": "fix", "section": "Bug Fixes", "hidden": false},
    {"type": "improvement", "section": "Feature Improvements", "hidden": false},
    {"type": "docs", "section":"Docs", "hidden": false},
    {"type": "style", "section":"Styling", "hidden": false},
    {"type": "refactor", "section":"Code Refactoring", "hidden": false},
    {"type": "perf", "section":"Performance Improvements", "hidden": false},
    {"type": "test", "section":"Tests", "hidden": false},
    {"type": "build", "section":"Build System", "hidden": false},
    {"type": "ci", "section":"CI", "hidden":false}
  ]
}
  • "type" commit 類(lèi)型
  • "section" 不同的 commit 類(lèi)型所在 CHANGELOG.md 中的區(qū)域
  • "hidden" 是否在 CHANGELOG.md 中顯示

開(kāi)發(fā)工作流

截至目前,所有的配置已經(jīng)設(shè)置完畢。讓我們用一個(gè)真實(shí)的開(kāi)發(fā)工作流來(lái)梳理一下 *commitizen * 與 standard-version 的使用。

workflow.png

  1. [feature-branch] stage 更改的文件:
git add .
  1. [feature-branch] 用 git-cz 來(lái)提交文件:
npm run commit
  • 選擇提交類(lèi)型(feat, refactor, fix, 等等)
  • 提供簡(jiǎn)短描述
  • (可選)提供長(zhǎng)描述
  • 確定本次提交是否為 BREAKING CHANGES
  • (可選)提供 JIRA issue
  1. [feature-branch] 推送遠(yuǎn)端
git push origin <feature-branch>
  1. [Bitbucket] 向 master 分支提交 Pull Request
  2. [master] 成功合并后:
    • 執(zhí)行命令 npm run release (自動(dòng)更新版本號(hào),自動(dòng)更新 CHANGELOG.md, 自動(dòng)創(chuàng)建 git tag)
    • 將更改和 git tags 推送至遠(yuǎn)端:
    git push --follow-tags origin master
    
  3. Relax and enjoy ??

總結(jié)

使用以上流程進(jìn)行版本發(fā)布是一種非常好的最佳實(shí)踐。因?yàn)槲覀兛梢苑浅]p松的追溯雖有的更新。并且一切都是自動(dòng)化的。

常見(jiàn)坑??

  • 如果當(dāng)前版本沒(méi)有主版本號(hào),則BREAKING CHANGES commit 不會(huì)更新主版本號(hào)!!!比如當(dāng)前版本號(hào)為 0.1.2,我們運(yùn)行 npm run release 則只會(huì)更新 minorpatch 版本號(hào)(參考:https://github.com/conventional-changelog/standard-version/issues/429
    )。
  • 為了正確的更新主版本號(hào),我們需要顯式的進(jìn)行:
    standard-version -- --release-as major
    

注意: standard-version 后的 雙橫線 -- 是必須的。在 --release-asmajor 之間是有空格的。

  • 此后,我們?cè)俅伟l(fā)布包含 BREAKING CHANGES 類(lèi)型的提交,則能夠自動(dòng)更新主版本號(hào)????。
  • 如果有多次提交,則版本號(hào)更新是有優(yōu)先級(jí)的:
    • major 或者 BREAKING CHANGES 高于 minorpatch
    • minor 高于 patch
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書(shū)系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。
  • 序言:七十年代末,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌,老刑警劉巖,帶你破解...
    沈念sama閱讀 229,963評(píng)論 6 542
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場(chǎng)離奇詭異,居然都是意外死亡,警方通過(guò)查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 99,348評(píng)論 3 429
  • 文/潘曉璐 我一進(jìn)店門(mén),熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái),“玉大人,你說(shuō)我怎么就攤上這事。” “怎么了?”我有些...
    開(kāi)封第一講書(shū)人閱讀 178,083評(píng)論 0 383
  • 文/不壞的土叔 我叫張陵,是天一觀的道長(zhǎng)。 經(jīng)常有香客問(wèn)我,道長(zhǎng),這世上最難降的妖魔是什么? 我笑而不...
    開(kāi)封第一講書(shū)人閱讀 63,706評(píng)論 1 317
  • 正文 為了忘掉前任,我火速辦了婚禮,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘。我一直安慰自己,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 72,442評(píng)論 6 412
  • 文/花漫 我一把揭開(kāi)白布。 她就那樣靜靜地躺著,像睡著了一般。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上,一...
    開(kāi)封第一講書(shū)人閱讀 55,802評(píng)論 1 328
  • 那天,我揣著相機(jī)與錄音,去河邊找鬼。 笑死,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播,決...
    沈念sama閱讀 43,795評(píng)論 3 446
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼!你這毒婦竟也來(lái)了?” 一聲冷哼從身側(cè)響起,我...
    開(kāi)封第一講書(shū)人閱讀 42,983評(píng)論 0 290
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤,失蹤者是張志新(化名)和其女友劉穎,沒(méi)想到半個(gè)月后,有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 49,542評(píng)論 1 335
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 41,287評(píng)論 3 358
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 43,486評(píng)論 1 374
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情,我是刑警寧澤,帶...
    沈念sama閱讀 39,030評(píng)論 5 363
  • 正文 年R本政府宣布,位于F島的核電站,受9級(jí)特大地震影響,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 44,710評(píng)論 3 348
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧,春花似錦、人聲如沸。這莊子的主人今日做“春日...
    開(kāi)封第一講書(shū)人閱讀 35,116評(píng)論 0 28
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)。三九已至,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背。 一陣腳步聲響...
    開(kāi)封第一講書(shū)人閱讀 36,412評(píng)論 1 294
  • 我被黑心中介騙來(lái)泰國(guó)打工, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 52,224評(píng)論 3 398
  • 正文 我出身青樓,卻偏偏與公主長(zhǎng)得像,于是被迫代替她去往敵國(guó)和親。 傳聞我的和親對(duì)象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 48,462評(píng)論 2 378

推薦閱讀更多精彩內(nèi)容