@gongyy123/story_ui
TypeScript icon, indicating that this package has built-in type declarations

0.1.5 • Public • Published

创建项目文档

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中的参数也自动生成到文档中

Readme

Keywords

Package Sidebar

Install

npm i @gongyy123/story_ui

Weekly Downloads

1

Version

0.1.5

License

MIT

Unpacked Size

176 kB

Total Files

255

Last publish

Collaborators

  • gongyy123