基于"element-ui": "^2.12.0"二次开发
- build 配置文件
- config 配置文件
- dist 打包后文档资源
- lib 编译后组件库
- tennetcn-ui.common.js 本地调试要导入该文件
- examples 示例文档
- docs md 说明文档
- main.js
- App.vue
- packages 组件库
- src
- package.json
- name 包名
- files 决定哪些文件将被上传 npm
- 安装依赖
- 开发
- 单元测试
- 本地调试
- 上传 npm
- 下载使用
安装依赖 1、yarn
开发
1、在 packages 文件下编写组件,并在 index.js 中引入; 2、编辑 src/index.js 文件,引入所需组件 3、根目录下编辑文件 components.json 4、执行 npm run lib 生成组件库 lib
单元测试(待添加) 1、比如 jest
本地调试 1、修改 examples/main.js 文件,引入想要调试的组件或者全部加载 2、可以在 examples/pages/ZH-CN/index.vue 文件中使用组件 3、运行命令 npm run dev
上传 npm 1、进入根目录,事先配置好 package.json 文件 2、执行命令 npm login npm publish
下载使用 1、参考 element-ui
# 安装依赖
yarn
# 运行demo示例工程 localhost:8089
npm run dev
# 生成demo文件的示例工程
npm run build
# 编译组件
npm run lib
- 自定义组件开发
- 在线预览,调试
- 组件说明文档,wiki
- 上传 npm
- 构建静态组件说明文档
- 文档结构可以再优化,无效的文件及配置可以删
- 多语言配置估计用不上
- 考虑自动化生成 components.json , /packages/index.js
- 。。。