按需引入antd

最新推荐文章于 2024-06-27 10:43:25 发布

weixin_30483495

最新推荐文章于 2024-06-27 10:43:25 发布

阅读量414

点赞数

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/yigexiaojiangshi/p/10218956.html

本文介绍如何在使用create-react-app创建的项目中，通过配置package.json实现antd组件的按需加载，以减少项目体积。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

使用create-react-app创建项目的时候，官网推荐使用 babel-plugin-import 对antd 按需引入文件。但是配置文件在项目里没有。

可以直接在package.json里加上配置文件

"babel": {
    "presets": [
      "react-app"
    ],
    "plugins": [
      [
        "@babel/plugin-proposal-decorators",
        {
          "legacy": true
        }
      ],
      ["import", {
        "libraryName": "antd",
        "libraryDirectory": "es",
        "style": "css"
      }]
    ]
  }
}

转载于:https://www.cnblogs.com/yigexiaojiangshi/p/10218956.html