1.1.2 • Published 3 years ago

xh-eplus-ui v1.1.2

Weekly downloads
-
License
MIT
Repository
-
Last release
3 years ago

xh-eplus-ui

由于中台采用的是微前端开发模式,导致大部分子应用都会用到的公共组件,如:分页、表格、弹窗、项目选择器等,大家都会在写一遍,不便于管理,所以才有了这个基于element-plus二次封装的组件库,通过将公共组件在这里进行编写,发布到npm上进行统一的管理。

目录说明

  • components:编写组件的目录
  • examples:编写完组件后进行测试的目录
  • docs:对应组件使用说明文档目录
  • .npmignore:发布到 npm 上需要忽略的文件及目录

编写组件及打包测试规范

  • 在 components 目录下新增对应组件的文件夹,在文件夹中新建组件进行编写
  • 编写完组件进行测试完后,需要先在本地构建成lib库进行测试,打包库命令:npm run lib
  • 测试打包库:需要使用npm pack进行本地库的打包,最后得到一个xh-eplus-ui-版本号.tgz库文件
  • 然后在package.jsondependencies里配置"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