umi-plugin-dynamic-import-from-cdn v0.1.0

umi-plugin-dynamic-import-from-cdn

Dynamic import cdn modules when needed for umi.

Install

# or yarn add umi-plugin-dynamic-import-from-cdn
$ npm install umi-plugin-dynamic-import-from-cdn

Usage

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

export default {
  dynamicImportFromCDN: {
    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 build && yarn start

Inspired

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