1.0.0 • Published 2 years ago
fulu-com v1.0.0
开发必读
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.申请npm账号
- 公司内网
- 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
- 1.登录账号
组件信息维护
成功发布或者更新组件后请在前端文档中心中维护组件信息,以供大家查阅和使用。
1.0.0
2 years ago