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 中的配置相关

转载于:https://www.cnblogs.com/nhz-M/p/10625042.html