二次开发资源构件开发指南.pdf

二次开发资源构件开发指南 同望 · 银弹谷 · 平台研发部 功能需求背景 需要抽提公用的资源构件 需要引入第三方资源 （j s库、样式库等） 创建资源构件脚手架 使用npm方式安装v3-cli，执行npm install v3-cli –save-dev 安装完v3-cli插件后 ，会出现安装向导 ，根据安装向导完成创建构件模版。 第 3 页 命令说明 1、v3 package 使用webpack打包构件 npm run v3 package 2、v3 pack 将构件打包成vstore构件 npm run v3 pack 3、v3 publish 将构件部署到vstore仓库 npm run v3 publish 4、v3 apply 将构件安装至指定的执行系统 npm run v3 apply 5、v3 init 更新构件的webpack配置文件 npm run v3 init 6、v3 install 安装vstore构件(二次开发构件、资源构件) npm run v3 install xxx 7、v3 uninstall 卸载vstore构件(二次开发构件、资源构件) npm run v3 uninstall xxx 第 4 页 样例 (一) 引入第三方ui （element-ui） Step1：创建element-ui-lib构件资源 安装完成后 ，会出现向导 ，按照 创建element-ui-lib文件夹 ，在 需求填入相关信息。插件类型选 该文件夹下执行命令 ：npm 择resource。 install v3-cli --save-dev 第 5 页 样例 (一) 引入第三方ui （element-ui） Step1：创建element-ui-lib构件资源 在element-ui-lib中安装element-ui插件 ， 执行npm install element-ui --save 在element-ui-lib/index.j s中添加对element-ui的使 用 ，此处使用方式参考element ui官网 http //element-cn.eleme.io/#/zh-CN 第 6 页 样例 (一) 引入第三方ui （element-ui） Step2 ：部署到vstore仓库 ，执行npm run v3 publish 第一次部署到vstore仓 库时，会要求输入 Vstore账号和密码。