ewt-homework

ewt 整包

Install

$ npm i @ewtd/ewt

Usage

import {
  Icon,
  EmptyData,
} from '@ewtd/ewt';
import '@ewtd/ewt/dist/index.css';

按需加载

安装 babel-plugin-import 插件

npm install babel-plugin-import --save-dev

.babelrc 文件配置如下

{
  "plugins": [
    [ "import", {
        "libraryName": "@ewtd/ewt"
      }
    ]
  ]
}

加入新组件流程

1. 拷贝 src/components/Template 文件夹重命名为新组件名称；
2. 更新 src/index.ts 加入该组件；
3. 更新 demo/index.tsx 加入新组件路由；
4. 访问 localhost:8080/#/组件名称，以 If 组件为例，访问地址为 localhost:8080/#/If；
5. 新组件开发验收完成之后，发布即可

更新文档站

1. 打包

npm run build:site

2. 拷贝 dist 目录下的内容到文档站的 git 仓库 release 分支的 /dist/v2 目录下，文档站 git 仓库地址是 ssh://[e-mail]:10022/ewtd/pc.git

3. 前往发布平台搜索 pc，找到应用名称 === pc 的站点发布即可

4. 文档站地址是：http://eui.mistong.com/

单元测试

单元测试放在组件的 __test__ 目录即可，名称建议为 xxx.test.js，以模板组件 Template 为例，其目录结构为

Template
└── __test__
    └── template.test.js

全局单元测试验证

npm run test // 或者 npm run coverage

单个组件单元测试验证

// 其中 xxx 替换为组件目录即可
npx jest /src/components/xxx/__test__