故事书的作文

彩色出版您的故事书到一个安全的CDN. 这意味着您可以将已出版的故事书与本地故事书结合使用 作文.

彩色不快照外部组成的故事书的UI测试或UI审查.

撰写发表的故事书

彩色生成一个 永久链接 出版的故事书使用的组合,包括:

  • 版本化的端点,根据版本=x解析到不同的已发布故事书的url.y.Z查询参数(其中x.y.Z是该包的发布版本).
  • 支持/故事.json
  • 支持/元数据.Json和releases字段.

设置

在你当地的故事书中,添加一个 参考文献 关键 .故事书/主要.js. 粘贴永久链接 url 场.

// .故事书/主要.js

模块.出口 = {
  故事: ["../ src / * * / *.故事.@ (js | jsx | ts | tsx)"],
  参考文献: {
    "彩色-published-故事书": {
      //你的故事书的标题
      title: "设计系统",
      //发布时由chrome.com提供的url
      url: "http://your-published-url.彩色.com",
    },
  },
};

当您的本地故事书启动时,它将自动检测 参考文献 撰写你出版的故事书. 您将同时看到这两组故事.

多重故事书组合通过构图

通过分支或提交编写故事书

根据您的用例,您可能想要使用 永久链接 到一个分支或提交.

分支机构: http://--.彩色.com

如果你想让你当地的故事书撰写最新的故事书 main,使用分支永久链接. 这对于同时处理多个故事书的人很有用.

  • 同时在React和Vue中构建一个组件库
  • 具有多个相互连接的故事书项目的单节点

提交: http://--.彩色.com

如果你想让你当地的故事书组成一个故事书的特定版本, 使用提交永久链接. 这对于那些依赖于组件库包的固定版本的人来说非常有用.

访问控制

出版的故事书遵循 访问规则 你的项目. 如果你有一个私人项目, 你需要登录到chromedbook(通过故事书的UI)来加载私有的故事书.


包组成

设计系统和组件库的作者可以自动地将他们的故事书组合到消费者的故事书中.

添加一个 故事书 财产的 包.json. 使用 永久链接到提交url

{
  "storybook": {
    “url”: “http://your-published-url.彩色.com”
  }
}

当故事书开始, 它扫描包引用的外部故事书,并将它们加载到UI中.

版本控制

color支持以下Git提供程序的自动版本控制.

Git提供者 支持
GitHub 公共项目只能通过GitHub发布
GitLab 公私合营项目
Bitbucket都 不支持
分离的项目 不支持

如果您的Git提供者不支持自动版本控制, 您仍然可以通过手动更新您的 包.json 使用当前出版的故事书 (e.g. http://--.彩色.com).

使用 /元数据.json 端点以获取关于已部署的故事书版本的附加信息. 它将输出一个类似如下示例的响应:

{
  “版本”: {
    "v0.1.1": “http://your-published-url.彩色.com”
  }
}

资源

友情链接: 1 2 3 4 5 6 7 8 9 10