关于按需加载和打包体积的问题（使用create-react-app）

[butcherl7]

引入并使用antd（只写了一个页面）后启动项目，控制台会有ou are using a whole package of antd, please use...的警告，但此时打包后（约500kb），分析如下：

通过craco引入babel-plugin-import后，配置如下（craco.config.js）：

module.exports = {
  babel: {
    plugins: [
      ["import", {
        "libraryDirectory": "lib",
        "libraryName": "antd",
        "style": true,
      }]
    ]
  },
}

此时再次启动项目后警告消失，但是打包后分析如下（约1.5MB）：

运行时前者也自然比后者加载的快。

这正常吗？还是配置的有问题？亦或是其他原因...

项目版本：

• "antd": "^4.11.2",
• "@craco/craco": "^6.0.0"
• "babel-plugin-import": "^1.13.3"
• "react": "^17.0.1"

[xrkffgg]

#29045