xh-eplus-ui
v1.1.2
Published
> 由于中台采用的是微前端开发模式,导致大部分子应用都会用到的公共组件,如:分页、表格、弹窗、项目选择器等,大家都会在写一遍,不便于管理,所以才有了这个基于`element-plus`二次封装的组件库,通过将公共组件在这里进行编写,发布到`npm`上进行统一的管理。
Downloads
2
Readme
xh-eplus-ui
由于中台采用的是微前端开发模式,导致大部分子应用都会用到的公共组件,如:分页、表格、弹窗、项目选择器等,大家都会在写一遍,不便于管理,所以才有了这个基于
element-plus
二次封装的组件库,通过将公共组件在这里进行编写,发布到npm
上进行统一的管理。
目录说明
- components:编写组件的目录
- examples:编写完组件后进行测试的目录
- docs:对应组件使用说明文档目录
- .npmignore:发布到 npm 上需要忽略的文件及目录
编写组件及打包测试规范
- 在 components 目录下新增对应组件的文件夹,在文件夹中新建组件进行编写
- 编写完组件进行测试完后,需要先在本地构建成
lib
库进行测试,打包库命令:npm run lib
- 测试打包库:需要使用
npm pack
进行本地库的打包,最后得到一个xh-eplus-ui-版本号.tgz
库文件 - 然后在
package.json
中dependencies
里配置"xh-eplus-ui" : "./xh-eplus-ui-版本号.tgz"
- 再通过
yarn add ./xh-eplus-ui-版本号.tgz
安装依赖 - 最后在
examples
中的main.ts
中引入并进行全局注册import XHUI from "xh-eplus-ui";
app.use(XHUI);
- 或者通过按需引入的形式进行相关组件的引入使用
- 最后可测试编写的组件是否正常,正常后方可进行 npm 的发布
发布到 npm 及版本更新
- 登录到 npm:
npm login
- 发布包:
npm publish