antd 全局配置参数_react项目配置antd样式配置和修改全局主题

最新推荐文章于 2024-08-13 09:12:36 发布

闫泽华

最新推荐文章于 2024-08-13 09:12:36 发布

阅读量2.2k

点赞数

文章标签： antd 全局配置参数

本文链接：https://blog.csdn.net/weixin_36464343/article/details/113044417

版权

本文介绍了在React17.0.1项目中，如何使用antd4.7.3按需引入样式并自定义全局主题。通过调整webpack.config.js的less配置，设置less-loader，以及在plugins部分进行特定配置，实现了全局样式覆盖和防止样式污染。过程中遇到官方配置不起作用的问题，但通过个人研究和查找资料找到了解决方案。

摘要由CSDN通过智能技术生成

React17.0.1项目使用antd4.7.3按需引入样式和修改全局主题

项目版本：
react 17.0.1
less 3.12.2
antd 4.7.3

一定要安装 babel-plugin-import 
yarn add less less-loader antd babel-plugin-import 
或者
npm install antd -D
npm install less-loader less babel-plugin-import -S

按照antd官方的配置不能起到相应效果，所以自己琢磨琢磨，查查资料

0. 配置webpack.config.js文件的less，修改成如下这样：