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