编程开源技术交流,分享技术与知识

网站首页 > 开源技术 正文

【程序系列翻译】Storybook - 导出为静态网页

wxchong 2024-07-02 03:23:13 开源技术 9 ℃ 0 评论

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页面发布指南进行发布。

Tags:

本文暂时没有评论,来添加一个吧(●'◡'●)

欢迎 发表评论:

最近发表
标签列表