创建项目
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