快捷搜索:  汽车  科技

通过api文档生成代码(程序系列翻译Storybook-)

通过api文档生成代码(程序系列翻译Storybook-)你可以使用storybook-deployer工具将静态网页发布到Github页面,或者你可以将静态网页上传到github仓库,然后使用github页面发布指南进行发布。发布到Github页面然后运行 yarn build-storybook。这样就可以将配置好的Storybook编译成一个静态网页,并放在.out目录下。然后就可以将.out的内容发布到任何地方。可以通过下面命令进行本地测试:

通过api文档生成代码(程序系列翻译Storybook-)(1)

Storybook 在开发期提供了非常好的开发体验,就像webpack的热更新一样。

但是Storybook也提供了一个工具,以方便提供给别人去查看你的组件的用法和案例。React Native Web(https://necolas.Github.io/react-native-web/storybook/)React Dates(http://airbnb.io/react-dates/) 就是两个很好的案例。

为了支持这样的发布,Storybook开发了这样一个工具,可以将你的Storybook导出为静态页面应用。这样你就可以发布在 github页面 或者 其他静态托管服务 上。

只需要添加简单的npm脚本:

通过api文档生成代码(程序系列翻译Storybook-)(2)

然后运行 yarn build-storybook。

这样就可以将配置好的Storybook编译成一个静态网页,并放在.out目录下。然后就可以将.out的内容发布到任何地方。

可以通过下面命令进行本地测试:

通过api文档生成代码(程序系列翻译Storybook-)(3)

发布到Github页面

你可以使用storybook-deployer工具将静态网页发布到Github页面,或者你可以将静态网页上传到github仓库,然后使用github页面发布指南进行发布。

猜您喜欢: