samact-ts v0.0.1

色彩系 #0D6EFD #6C757D #52C41A #FADB14 #DC3545 #17A2B8

jest单元测试 testing-library 1、断言：判断是否符合预期结果 每个用例是一个case，一个case测试一个功能点

storybook 自动安装：npx -p @storybook/cli sb init
v6.1.0 自动安装：npx sb init -f 手动安装 1. npm i -g storybook 2. npm i --save-dev @storybook/react 3. 安装其他依赖 npm i @storybook/addon-actions @storybook/addon-links @storybook/addon react-docgen-typescript-loader --save-dev npm i @storybook/preset-create-react-app --save-dev 4. 在package.json文件中 script "storybook": "start-storybook -p 9009 -s public", "build-storybook": "build-storybook -s public" 5. 在工程根目录创建.storybook目录 6. 在.storybook目录下创建config.js文件 import { configure } from '@storybook/react'; const req = require.context('../stories', true, /.stories.js$/); // <- import all the stories at once configure(req, module);

7. 创建stories文件夹，创建以.stories.js结尾的文件

@storybook/addon-info @types/storybook__addon-info

react-docgen：文档 storybook自带react-docgen，用ts，需要再安装react-docgen-typescript-loader 注释符合js-doc标准 注释规范 https://jsdoc.app/ https://www.cnblogs.com/cnblogs-jcy/p/9089753.html

上传文件 action上传mock地址：https://jsonplaceholder.typicode.com/posts
Content-type encType="multipart/form-data" 专为发送大量二进制数据设计

组件库打包 1、tsx打包 配置tsconfig.json中 outDir等 运行tsc -p tscongfig.json 2、package.json中 设置main和module属性，入口为outDir路径下index.js;设置types属性(声明为作为第三方ts调用)，为outDir下 index.td.js 3、css打包，使用node-sass ./src/styles/index.scss ./build/index.css

npm link模拟 node_module 测试是否可用 组件库 根文件运行npm link 需调用组件库 根文件运行npm link， 在package.json添加组件库版本 import 引入组件库

注：tsc编译过程，出现两个包都declare相同属性时报错，tsconfig.json增加配置skipLibCheck属性为true即可

npm adduser注册登录npm

发包前package.json添加description author keywords license homepage repository files(想发布上传的文件)属性