DEV Community
·
使用changesets和GitHub Actions自动发布NPM包
内容提要
本文介绍了如何使用PNPM和changesets CLI发布NPM TypeScript包“npm-package-template-changesets”。通过自动化，库的更改会生成拉取请求，包含新版本的变更和变更日志。支持CJS和ESM格式，步骤包括安装依赖、生成配置文件、添加文件、更新package.json和创建GitHub工作流，最后生成更改集并推送到仓库。
关键要点
-
本文介绍了如何使用PNPM和changesets CLI发布NPM TypeScript包。
-
库的更改会生成拉取请求，包含新版本的变更和变更日志。
-
支持CJS和ESM格式。
-
步骤包括安装依赖、生成配置文件、添加文件、更新package.json和创建GitHub工作流。
-
生成tsconfig文件，分别为tsconfig.build.json和tsconfig.json。
-
添加要发布的文件，例如src目录下的index.ts。
-
更新package.json，添加构建和发布脚本。
-
添加GitHub工作流文件以自动化发布过程。
-
初始化changesets并创建首次提交。
-
推送到仓库后检查Pull Requests并进行合并。
-
最后检查NPM上的包是否成功发布。
延伸问答
如何使用PNPM和changesets CLI发布NPM包？
首先安装PNPM并创建新项目，然后安装依赖，生成tsconfig文件，添加要发布的文件，更新package.json，创建GitHub工作流，最后生成更改集并推送到仓库。
什么是changesets CLI，它的作用是什么？
changesets CLI用于版本控制和发布NPM包，它可以自动生成变更集和变更日志，并创建拉取请求以便于管理版本更新。
如何配置GitHub工作流以自动化发布过程？
在项目中创建.github/workflows/publish.yml文件，配置触发条件、权限和发布步骤，包括安装依赖和运行发布命令。
如何生成tsconfig文件以支持不同的构建需求？
生成两个tsconfig文件：tsconfig.build.json用于构建，tsconfig.json用于开发，分别配置不同的rootDir和其他编译选项。
如何在package.json中添加构建和发布脚本？
在package.json的scripts部分添加build、release和ci:publish脚本，以便于构建和发布NPM包。
如何检查NPM上的包是否成功发布？
在推送更改并合并拉取请求后，访问NPM网站，搜索你的包名以确认包是否成功发布。
