使用 changeset 新增组件库更新日志

changeset 是一个用于版本管理和变更日志记录的工具,常用于现代前端项目中。它可以帮助团队更好地跟踪每个更改的影响,并自动生成变更日志。 如果你想在 changeset 中新增组件库的日志,你需要创建一个新的 changeset 文件。这个文件通常是一个 Markdown 格式的文件,其中包含了你想要添加到变更日志中的信息。 以下是具体步骤:

  1. 安装 Changeset CLI:如果你还没有安装 @changesets/cli,可以通过 npm 或 yarn 进行安装:

    bash 复制代码
    npm install @changesets/cli --save-dev

    或者

    bash 复制代码
    yarn add @changesets/cli --dev
  2. 初始化 Changeset(如果尚未初始化):

    bash 复制代码
    npx changeset init
  3. 添加新的 Changeset: 运行以下命令来创建一个新的 changeset 文件:

    bash 复制代码
    npx changeset
  4. 如果是 monorepo 项目,需要先选择更新的 package:

    i. 用 ↑ / ↓ 方向键移动光标,选择当前行的 package。

    ii. 按 Space(空格键) 勾选/取消勾选,勾选后前面会出现一个

    复制代码
     按一下空格:选中
     再按一下空格:取消选中

    iii. 完成选择后按 Enter(回车)继续下一步。

  5. 进入选择版本变更等级(patch / minor / major)。

  6. 填写 Changeset 内容: 在打开的编辑器中,你可以按照提示选择受影响的包以及此次变更的类型(major, minor, patch)。然后,在 Markdown 文档中详细描述这次变更的内容。 例如,假设你要为一个名为 my-component-library 的包添加一条日志,描述了一个新功能的添加,你可以这样写:

markdown 复制代码
---
"my-component-library": patch
---

新增了一个按钮组件 (`Button`),支持多种主题颜色和尺寸选项。
  1. 提交 Changeset 文件: 保存并关闭编辑器后,Changeset 会在 .changeset 目录下生成一个新的文件,内容类似于上面的示例。

  2. 构建发布: 当你准备好发布这些更改时,运行以下命令来应用所有未发布的 changeset 并更新包的版本号:

    bash 复制代码
    npx changeset version

    然后,你可以使用你喜欢的包管理工具来发布更新后的包,比如:

    bash 复制代码
    npm publish

    或者

    bash 复制代码
    yarn publish

通过以上步骤,你就可以成功地在 changeset 中新增组件库的日志了。每次运行 npx changeset version 后,所有的 changeset 文件会被合并成最终的 CHANGELOG.md 文件。 如果你需要更复杂的配置或有特定的需求,可以参考 Changeset 官方文档 获取更多信息。

相关推荐
少卿5 小时前
React Compiler 完全指南:自动化性能优化的未来
前端·javascript
广州华水科技5 小时前
水库变形监测推荐:2025年单北斗GNSS变形监测系统TOP5,助力基础设施安全
前端
广州华水科技5 小时前
北斗GNSS变形监测一体机在基础设施安全中的应用与优势
前端
七淮5 小时前
umi4暗黑模式设置
前端
8***B5 小时前
前端路由权限控制,动态路由生成
前端
军军3605 小时前
从图片到点阵:用JavaScript重现复古数码点阵艺术图
前端·javascript
znhy@1235 小时前
Vue基础知识(一)
前端·javascript·vue.js
terminal0075 小时前
浅谈useRef的使用和渲染机制
前端·react.js·面试
我的小月月5 小时前
🔥 手把手教你实现前端邮件预览功能
前端·vue.js
陈佬昔没带相机6 小时前
MiniMax M2 + Trae 编码评测:能否与 Claude 4.5 扳手腕?
前端·人工智能·ai编程