其他分享
首页 > 其他分享> > 【UI组件库】

【UI组件库】

作者:互联网

目录

目前开发的痛点:
(1)create-react-app入口文件不适合管理组件库
(2)缺少行为追踪和属性调试功能
组件完美开发工具应有的特点:
(1)分开展示各个组件不同属性下的状态
(2)能追踪组件的行为并具有属性调试功能
(3)可以为组件自动生成文档和属性列表
综上我们选择storybook
在项目终端安装storybook:npx -p @storybook/cli sb init
启动:npm run storybook
story:一个单独的UI组件的不同状态的集合称之为一个story
让storybook支持TS:create-react-app和storybook底层都是通过webpack来构建代码并启动开发服务器,所以我们用Babel特殊处理下TS文件就行,新建.storybook/webpack.config.js,代码如下:

标签:story,app,storybook,UI,组件,create,属性
来源: https://blog.csdn.net/CaraYQ/article/details/122807800