ant design 按需加载

配置按需加载
安装react-app-rewired取代react-scripts,可以扩展webpack的配置 ,类似vue.config.js

在根目录下创建config-overrides.js
const {
  override,
  fixBabelImports,
} = require("customize-cra");
 
module.exports = override(
  fixBabelImports("import", {

    libraryName: "antd", 
    libraryDirectory: "es", 
    style: true // change importing css to less
  })
);
修改package.json
 "scripts": {
    "start": "react-app-rewired start",
    "build": "react-app-rewired build",
    "test": "react-app-rewired test",
    "eject": "react-app-rewired eject"
},

在这里插入图片描述

posted @ 2022-03-03 08:42  Cupid05  阅读(88)  评论(0编辑  收藏  举报