引入依赖

创建项目

npx create-react-app program

cd program

yarn run eject  // 暴露配置

引入antd组件库

yarn add antd

yarn add babel-plugin-import

在package.json的.babel配置antd

"babel": {
    "presets": [
      "react-app"
    ],
    "plugins": [
      [
        "import",
        {
          "libraryName": "antd",
          "style": true
        }
      ]
    ]
  }

在app.css里引入antd的css

// App.css 按照自己的需求,在合适的地方引入antd.css, 此时即可按需加载所需要的antd组件

@import '~antd/dist/antd.css';

 引入scss预编译器

yarn add sass-loader node-sass

原文地址:https://www.cnblogs.com/xuyan1/p/10516516.html