创建项目文档
1.npx create-react-app my-app --template typescript => npm run start => 项目创建成功
2.npx -p @storybook/cli sb init --type react_scripts(告诉storybook安装react相关依赖) => npm run storybook =>storybook引入成功
3.引入antd并支持less
npm install antd --save => import { Button } from 'antd'; import { ButtonProps } from 'antd/lib/button';
=>引入antd组件并能成功将其属性转换到自己定义的属性上
=>npm install less less-loader -save-dev => 遇到问题引入less文件失败 => 经查发现是less-loader版本过高
=> 将less-loader从最新10.x版本降为^7.3.0 | npm install less-loader@^7.3.0
=> 引入less文件成功
4.可自定义切换主题颜色:https://ant.design/docs/react/use-with-create-react-app-cn (自定义配置主题颜色)
在.storybook/main.js中配置webpack相关内容
5.引入@storybook/addinfo,并在main.js中配置preview.js中进行全局配置,通过注释生成文档
未实现:将antd中的参数也自动生成到文档中