基础react-ui库测试

安装typescript

全局安装typescript

npm add -g typescript

初始化ts项目，生成tsconfig.json

tsc --init

修改tsconfig.json里面的配置项

添加组件

修改package.json

配置rollup.congfig.js

发布到npm

github创建access token https://github.com/settings/tokens

将token添加到.npmrc

init-author-name=github用户名
register=https://register.npmjs.org/
@github用户名:register=https://npm.pkg.github.com/
//npm.pkg.github.com/:_authToken=__你的token__

发布到npm

npm publish

使用库

import { Button } from 'xld-react-ui';
<Button text="hello"></Button>

storyBook

创建storyBook

sb init

在src/stories文件夹里面会自动生成一些示例组件

运行或构建storyBook

 "storybook": "storybook dev -p 6006",
    "build-storybook": "storybook build"

jest测试组件

安装babel库和jest库

编写test测试用例

注意jest中css解析

"moduleNameMapper": {
      "\\.css$": "jest-css-modules"
    }