React中依賴包的按需加載

1

npm install babel-plugin-import --save

babel-plugin-import

可以使用 babel-plugin-import 來進行按需加載，加入這個插件后，你可以這么寫

import { Result } from 'ant-design-pro';

ReactDOM.render(<Result type="success" />, mountNode);

babel-plugin-import 配置如下：

{
    libraryName: 'ant-design-pro',
    libraryDirectory: 'lib',
    style: true,
    camel2DashComponentName: false,
}

 2 你的項目集成的umi時

　　需裝載 umi-plugin-react 插件並配置 dynamicImport。

export default {
  plugins: [
    ['umi-plugin-react', {
      dynamicImport: true,
    }],
  ],
};

配置的文件一般是   .umirc.js or config/config.js

詳細可以了解umi 中的配置相關