React中依赖包的按需加载

时间：2019-03-30 10:20:06 阅读：421 评论：0 收藏：0 [点我收藏+]

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

原文：https://www.cnblogs.com/nhz-M/p/10625042.html

踩

(0)

评论一句话评论（0）

分享档案

更多>