react脚手架create-react-app配置antd中css按需加载的坑该怎么解决

2023-04-23 20:52:00 脚手架 react create

使用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以上,否则会出现一些问题。

相关文章