react脚手架create-react-app配置antd中css按需加载的坑该怎么解决
使用create-react-app创建的React项目,要想使用antd的样式,需要进行一些配置才能实现CSS按需加载。
首先,我们需要安装babel-plugin-import插件:
npm install babel-plugin-import --save-dev
然后,我们需要在package.json文件中添加一个babel配置:
"babel": {
"plugins": [
["import", { "libraryName": "antd", "libraryDirectory": "es", "style": "css" }]
]
}
最后,在src/index.js文件中引入antd的样式文件:
import 'antd/dist/antd.css';
这样,我们就可以在React项目中使用antd的样式,并且实现CSS按需加载了。
另外,要注意的是,在使用babel-plugin-import插件时,需要确保babel-loader的版本是8.0以上,否则会出现一些问题。
相关文章