一、创建区块
# 使用umi脚手架
npm create umi
选择block
上传到自有gitlab
二、对即将使用区块的项目进行准备设置
- 从gitlab拉取所有区块到当前项目
在package.json中找到scripts字段,添加两条命令
"getblocks": "mkdir blocks && cd blocks && git clone <git地址>",
"updateblocks":"cd blocks && git pull",
在命令中使用命令:
npm run getblocks - 忽略区块
在.gitignore中添加如下:
# blocks
blocks
- 添加插件
在命令行中使用命令:
yarn add umi-plugin-pro-block@1.3.2
该插件的功能是:https://www.npmjs.com/package/umi-plugin-pro-block- 控制区块的请求方法是否和本项目一致
- 是否移动mock文件到外层文件夹
- 是否移动service文件到外层文件夹
- 是否自动添加到路由和menu
- 设置插件
./config/config.js # plugins 添加一个plugin['umi-plugin-pro-block',{ moveMock:true, moveService:true, modifyRequest:true, autoAddMenu:true }]
-
添加区块
在第一步中,执行npm run getblocks后,所有的区块就将保存在./blocks文件夹下
umi block add ./block/<文件夹名>/<区块名> -
执行
npm start