开发必读

fulu-ui是基于react+typescript技术栈进行快速开发业务组件的演示项目(你也可以不用ts)，源于father-build提供的打包功能，支持 cjs、esm 和 umd 三种格式的打包，内置支持 css 和 less，支持开启 css modules等特性。此外采用dumi负责编写组件文档，支持组件预览。

dumi: https://d.umijs.org/zh-CN/guide/basic

father-build: https://github.com/umijs/father

开发说明

目录结构

• docs
  • 存放组件说明和演示文档，例如示例中的Modal.md；
• src
  • 存放源码，提供一个index.tsx文件，导出组件；
• .fatherrc.js
  • 关于编译输出的配置文件，自己开发组件需要修改umd下的name名字，用于全局引用的别名。
• package.json
  • 初次发布，需要修改version，name，homepage，bugs.url，author，keywords信息，此后修改version即可。

开发命令

• npm run dev：本地开发
• npm run build： 编译组件

npm仓库上传

• npm官网
  • 1.申请npm账号
    • 没有到npm官网申请。
  • 2.登录npm账号
    • 运行命令：npm adduser，输入账号信息
  • 3.上传组件
    • 位于项目根目录下，运行命令npm publish，注意，在上传之前请确认本地npm仓库源地址是指向https://registry.npmjs.org，可以通过npm config get registry查看你本地的地址。
  • 4.使用
    • npm i xxx
• 公司内网
  • 1.登录账号
    • 找张克贵获取。
  • 2.上传组件
    • 位于项目根目录下，运行命令npm publish -registry http://10.0.1.244:8081/repository/npm-hosted/，(初次或者更新的命令相同)。
  • 3.使用
    • npm --registry http://10.0.1.244:8081/repository/npm-group/ -i xxx

组件信息维护

成功发布或者更新组件后请在前端文档中心中维护组件信息，以供大家查阅和使用。