🎨✨ React配置Antd的按需加载，&_Antd Pro引入全局JS文件

在前端开发中，优化项目性能至关重要。今天聊聊如何用React配置Ant Design（antd）实现按需加载，并为Antd Pro项目添加全局JS文件。💡

首先，配置Antd按需加载能有效减少打包体积。通过安装`babel-plugin-import`插件，将Antd组件按需引入。步骤如下：

1️⃣ 安装依赖：`npm install babel-plugin-import --save-dev`

2️⃣ 修改`.babelrc`或`babel-loader`配置，添加插件规则：

```json

{

"plugins": [

["import", { "libraryName": "antd", "style": true }]

]

}

```

这样就能实现组件级别的自动按需加载，同时引入CSS样式。✨

接着，对于Antd Pro项目，如果需要引入全局JS文件（如工具函数），只需在`config/config.ts`中配置`base`字段。例如：

```ts

export default {

base: '/global/',

};

```

然后将JS文件放置于`public/global/`目录下即可。这样做不仅规范了代码结构，还提升了项目的可维护性。🌐

总结来说，合理配置按需加载和全局文件引用，能让项目更加轻量化且高效运行。💪🔥