umi-plugin-runtime-import

Dynamic import cdn modules when needed for umi.

Install

# or yarn add umi-plugin-runtime-import
$ npm install umi-plugin-runtime-import

Usage

Configure in .umirc.js or config/config.ts,

export default {
  runtimeImport: {
    base: 'https://gw.alipayobjects.com/os/lib/',
    js: {
      react: {
        moduleName: 'React',
        url: 'react/16.14.0/umd/react.development.js',
      },
      antd: {
        moduleName: 'antd',
        url: 'https://gw.alipayobjects.com/os/lib/antd/4.12.2/dist/antd.js',
      },
    },
    css: {
      'video.js/dist/video-js.min.css': 'video.js/7.6.6/dist/alt/video-js-cdn.min.css',
      'antd/dist/antd.css': {
        url: 'https://gw.alipayobjects.com/os/lib/antd/4.12.2/dist/antd.css',
      },
    },
  },
};

Development

Install dependencies,

$ yarn

Start the dev server,

$ yarn start

Inspired

https://github.com/aoi-umi/webpack-dynamic-import-cdn-plugin