i-zone

和友空间yycooperation 使用一致 https://www.yuque.com/yyzone/iaethg

npm 仓库地址 https://www.npmjs.com/package/i-zone?activeTab=readme

git 仓库地址 http://outergit.yonyou.com:8888/liuzhzihong/i-zone.git

视频说明 https://www.bilibili.com/video/BV1Ug4y1W7y3/

使用场景

• yycooperation 遇见问题，找不到人修复。

• 需要在yycooperation 的原组件上新增功能

• 开发现场业务组件便于成员间流转

• 防止修改node_modules, 让依赖成为祖传依赖。

• 解决修改本地依赖后无法使用jenkins打包

开发说明

以"yycooperation": "^1.1.7" 为基础版本

组件命名

1. 修改原来组件库，如果遇见yyzone、yycooperation 组件库的问题或者直接在原组件增加新功能， 修改组件后记得在原来组件导出文件加上字母 I , 例如 YYButton , 修改后导出应该为IYYButton。（防止和原来组件库冲突）

2. 新增组件， 新增组件命名应该遵循YYxxxx

3. src/index.js 中的组件有使用的组件才进行导出。

组件组成

• component：组件本身 、
• ReadMe.md：文件的使用说明
• 截图.png： 组件样式截图

i-zone 组件开发

安装依赖

yarn install

启动项目

yarn serve

打包组件库

执行打包命令后会在根目录生产lib文件夹

yarn lib

npm run lib

发布npm 仓库

npm仓库地址：https://www.npmjs.com/package/i-zone npm 登陆地址账号请联系管理员

npm login

npm publish

i-zone 引入使用

安装i-zone

    npm i i-zone

使用

和element-ui 、yyzone 使用一样可参考：https://www.yuque.com/yyzone/iaethg

在 src/main.js文件中配置

import IZone from 'i-zone'
Vue.use(IZone)
    

Customize configuration

See Configuration Reference.