antd按需加载

Posted 2020-12-13 adanxiaobo

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了antd按需加载相关的知识，希望对你有一定的参考价值。

npm install antd -S

在src文件夹下新建config-overrides.js

const { 
  override, 
  fixBabelImports, 
  addDecoratorsLegacy, 
} = require("customize-cra");

module.exports = override(
  fixBabelImports("import", {
    //antd按需加载 
    // npm install react-app-rewired customize-cra babel-plugin-import -D
    libraryName: "antd",
    libraryDirectory: "es",
    style: "css"
  }),
  // 配置装饰器
  // npm install -D @babel/plugin-proposal-decorators
  addDecoratorsLegacy(), 
);

然后
- 　　npm install react-app-rewired customize-cra babel-plugin-import -D
需要配置装饰器的
- npm install -D @babel/plugin-proposal-decorators

　　最后修改package.js

"scripts": {
    "start": "react-app-rewired start",
    "build": "react-app-rewired build",
    "test": "react-app-rewired test",
    "eject": "react-app-rewired eject"
  },

以上是关于antd按需加载的主要内容，如果未能解决你的问题，请参考以下文章

react配置antd按需加载

react16.8 antd按需加载配置(已经弹出和未弹出分别的配置)

react中使用antd按需加载（第一部）

react执行yarn eject后配置antd的按需加载

antd按需加载