介绍
在前端开发中，我们通常会用到许多开源的 npm 包，这些包能够帮助我们更快更好地完成开发工作。@changesets/pre 是一个非常实用的 npm 包，能够让我们在项目开发过程中更好地管理版本和发布。本文将介绍如何使用 @changesets/pre 包，并给出实例代码以供参考。
安装
使用 npm 包管理器进行安装：
npm install --save-dev @changesets/pre
使用
在项目根目录下创建 .changeset 文件夹，然后创建一个 .md 文件。.md 文件包含有关特定更改的详细信息，例如通常的版本升级和其他更新。
mkdir .changeset touch .changeset/001-my-changes.md
在 .md 文件中写入更改描述，并添加 ## 开头的标题，如下所示：
-- -------------------- ---- ------- -- --- --- - ----- - --- ----- --- ------ --- --- --- ---------- --- ------- -------- -- ------- - ----- --- ------- -- --- -------- ----- -- -------- ------ - ------- --- --- -------------- -------展开代码
还可以在 .yaml 文件中管理版本和标签，例如：
-- -------------------- ---- ------- --- -------- - ----- -------- ------ -------- -------- ------ ---------- --- ----- - - -------- ------ --- --- --------- --------------- ---- ---- -------- --- ----------------- -------- ------- - ----- -- --- ------------- --- ---- ------- ----- --- --- ---- - ----- ------- ------ -------- -------- --- --- --- ----- - - ----- --- --- --------- ----------------- --- ------------------ - ---- --- - ---- --- ------------ - ----------- - ----- ------- ------ -------- -------- ------ ----- -- ------- ---- ----- - - ----- -------- ----- -- ------- ---- -- ---------- --------- ------ ------ - ---- --- - ---- --- -------- - ----- ------- ------ -------- -------- --- ----- ------ -- ------ --- -------- - ----- ------ ------ -------- -------- --- - --- -- --- --- --- - ------ ------- ------- ---- -- ----- ---- -- ----- -- ------- -- - -------- -------- ------- --------- - ---- ------- ------- -- --- --------- ---- -- -------- ------ ---- --- ---------- ------ ------------ - -------- ------- --------- - ------- -------- ------- ---- -------- ------ ---- --- ---------- ------ ---------- -- ----- ---- -- ------ ------------- - ------ - ------展开代码
在执行发布前，需要使用 changesets 命令生成变更集。
npx changesets将会生成多个变更集，并有一个版本声明文件。
最后，执行以下命令进行版本更新和发布。
npx changesets version npx lerna publish from-package
示例代码
在 .changeset 目录下创建名为 001-example.md 的文件，并在其中添加以下内容：
## Bug Fix - Fixed a bug that caused the app to crash on startup. ## Feature - Added a new feature to the settings menu that allows users to change their theme.
运行 changesets 命令生成变更集。
npx changesets运行 npx changesets version 命令，将提示你当前版本的更新状态。你可以选择按照你想要的方式更新版本号，例如 patch、minor、major，然后生成新版本的 changelog，如下所示：
npx changesets version --commit
最后，运行 npx lerna publish from-package 命令发布新版本，当前的版本将会被更新。
总之，@changesets/pre 是一款非常实用的 npm 包，可以帮助我们在项目开发过程中更好地管理版本和发布，这极大地提高了开发效率和代码质量。希望这篇教程能够帮助你更好地使用它！
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/5f325bbb3b0ab45f74a8bd72
