umi-loader-source-plugin

功能描述

1. html 拦截所有 css js 加载

2. 拦截的 css js 路径数据, 转成一个全局对象数据,或者传入接口

3. 加载公司内部js(http://localhost:4392/stream-script) 3.1 接受参数 ?lib=@teamias/rex-design,@teamias/rex-pro,...&source=/scripts/loading.js,/umi.803be296.js 3.1.1 lib 公司内部的组件库, 直接在插件内部处理 3.1.2 source 拦截生成的html, 获取的所有js 3.2 返回一段js, 根据参数, 顺序加载 lib, source 数据

4. 完成 (页面正常渲染)

5. 错误边界 5.1 公司内部 js 加载失败 5.2 加载过程中报错

6. 注意点: 6.1 开启mako 时候, externals 好像会失效

插件配置

  export default {
    plugins: [
      'umi-loader-source-plugin',
    ],
    loaderResource: {
      // 公司内部js
      api: 'http://localhost:4392/stream-script',
      // 指定某个业务库的版本
      versions: {
        '@teamias/rex-design': '0.0.1',
      },
      // 开发环境是否启用
      // dev: true,
    },
  }