引入依賴

建立項目

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