focus-media-ui v1.2.1

前言

• 基于 antd 库的二次业务封装
• 建立一套自己的UI组件库 考虑到投入产出，暂时没有该计划
  • 借鉴 antd、ElementUI设计思想

准备

• yarn 安装依赖
• yarn storybook 开启storybook 文档栈运行环境
• yarn start 本地开发环境
• yarn build-ui 构建组件库代码

组件库最终的目录结构

- dist
  - component1
    - index.js
    - index.d.ts
    - index.css
  - component2
    ...
  - index.js
  - index.css
  - index.d.ts
- package.json
- README.md

实现功能

• 生成一个完整的bundle包
• 每个模块生成一个bundle包
  • 按需加载
    • 全量引入的方式 import {component} from 'focus-media-ui'，需要第三方插件 babel-plugin-import
    • 单个组件引入的方式 import component from 'focus-media-ui/dist/component，无需特别处理
• 支持ts类型声明
• 生成UI文档
• 测试用例 TODO

发布到仓库

• npm login
• 更改version，然后执行 npm publish

TODO

• 按照 tsconfig.build.json 中配置，应该是可以生成 d.ts 类型文件，但没有，故不得不再次执行 tsc -p tsconfig.build.json --emitDeclarationOnly