在前端开发中，经常需要使用一些工具来进行自动化的构建和部署。使用 npm 包是一种常见的方式。在本文中，我们将介绍一个非常实用的 npm 包，即 urbanjs-tool-conventional-changelog，它可以帮助我们自动生成规范化的 changelog。
什么是规范化的 changelog？
在软件开发中，一个 changelog（变更日志）记录了软件的版本号和对应的更新内容。一个规范化的 changelog 指的是遵循一定规范的 changelog，一般是包括以下内容：
- 标题：版本号和发布日期
- 新特性（Features）：新增功能的描述
- 修复的bug（Bug Fixes）：修复的 bug 描述
- 重要变更（Breaking Changes）：对于已有功能的重大变更描述
- 其它（Misc）：其它修改的描述
规范化的 changelog 可以帮助团队成员更好地了解到软件的更新情况，同时也方便开发者快速定位问题。
urbanjs-tool-conventional-changelog 是什么？
urbanjs-tool-conventional-changelog 是一个基于 Conventional Commits 规范的 changelog 自动生成工具。Conventional Commits 是一种提交信息的规范，可以使得提交信息更易读、易懂。在使用 urbanjs-tool-conventional-changelog 的过程中，我们需要遵循 Conventional Commits 规范来命名提交信息。
urbanjs-tool-conventional-changelog 的安装
使用 urbanjs-tool-conventional-changelog 需要在项目中安装该包。我们可以使用以下命令来完成安装：
npm install --save-dev urbanjs-tool-conventional-changelog
urbanjs-tool-conventional-changelog 的使用
在安装完 urbanjs-tool-conventional-changelog 后，我们需要在项目的 package.json 文件中加入以下配置：
"conventional-changelog": {
"changelogFile": "CHANGELOG.md",
"preset": "angular"
},
"scripts": {
"changelog": "conventional-changelog -p angular -i CHANGELOG.md -s"
}其中，需要注意的是 preset 字段，这里我们使用了 “angular”，表示我们将遵循 AngularJS 的规范来生成 changelog。preset 字段的其他取值，可以参考 官方文档。
接下来，我们可以使用以下命令来生成 changelog：
npm run changelog
运行以上命令后，我们就可以在项目根目录下的 CHANGELOG.md 文件中看到我们的 changelog。
urbanjs-tool-conventional-changelog 的示例代码
使用 urbanjs-tool-conventional-changelog 的示例代码如下：
-- -------------------- ---- ------- -- -- ------------ ------------------------- - ---------------- --------------- --------- --------- -- ---------- - ------------ ----------------------- -- ------- -- ------------ --- - -- -- --------- --- --- ---------
总结
urbanjs-tool-conventional-changelog 是一个非常实用的 changelog 自动生成工具。通过遵循 Conventional Commits 规范，我们可以生成规范化的 changelog，方便开发者和团队成员更好地了解到软件的更新情况。希望本文能够帮助大家更好地使用 urbanjs-tool-conventional-changelog。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/600562c981e8991b448e00e3