目录

目前开发的痛点：
（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，代码如下：