umijs添加自定义区块（使用自定义git地址）

一、创建区块

# 使用umi脚手架

npm create umi

选择block

 上传到自有gitlab

二、对即将使用区块的项目进行准备设置

1. 从gitlab拉取所有区块到当前项目
   
   在package.json中找到scripts字段，添加两条命令
   
   "getblocks": "mkdir blocks && cd blocks && git clone <git地址>",
   "updateblocks":"cd blocks && git pull",
   
   在命令中使用命令：
   npm run getblocks
2. 忽略区块
    

   在.gitignore中添加如下：

   # blocks

   blocks

3. 添加插件
   
   在命令行中使用命令：
   yarn add umi-plugin-pro-block@1.3.2
   
   该插件的功能是：https://www.npmjs.com/package/umi-plugin-pro-block
   1. 控制区块的请求方法是否和本项目一致
   2. 是否移动mock文件到外层文件夹
   3. 是否移动service文件到外层文件夹
   4. 是否自动添加到路由和menu
4. 设置插件
   
   ./config/config.js # plugins 添加一个plugin

   ['umi-plugin-pro-block',{
       moveMock:true,
       moveService:true,
       modifyRequest:true,
       autoAddMenu:true
   }]

    

5. 添加区块
   在第一步中，执行npm run getblocks后，所有的区块就将保存在./blocks文件夹下
   umi block add ./block/<文件夹名>/<区块名>

6. 执行
   npm start