React-39：antd样式的按需引入

如果全部引入，会造成内存消耗过大。官方文档

下载安装

yarn add react-app-rewired customize-cra

此时我们需要对 create-react-app 的默认配置进行自定义，这里我们使用 react-app-rewired （一个对
create-react-app 进行自定义配置的社区解决方案）。

/* package.json */
"scripts": {
-   "start": "react-scripts start",      // 旧
+   "start": "react-app-rewired start",  // 新
-   "build": "react-scripts build",      // 旧
+   "build": "react-app-rewired build",  // 新
-   "test": "react-scripts test",        // 旧
+   "test": "react-app-rewired test",    // 新
}

然后在项目根目录创建一个 config-overrides.js 用于修改默认配置。

module.exports = function override(config, env) {
  // do stuff with the webpack config...
  return config;
};

安装使用 babel-plugin-import

babel-plugin-import 是一个用于按需加载组件代码和样式的 babel 插件，现在我们尝试安装它并修改 config-overrides.js 文件。

yarn add babel-plugin-import