解决：自己写的css和antd的冲突

最新推荐文章于 2024-02-07 15:13:42 发布

独步炎凉的大彬

最新推荐文章于 2024-02-07 15:13:42 发布

阅读量1.2k

点赞数 2

分类专栏： react

本文链接：https://blog.csdn.net/qcg14774125/article/details/89354791

版权

react 专栏收录该内容

6 篇文章 0 订阅

订阅专栏

我是用的create-react-app搭建的项目，然后npm run eject出来的配置文件，在config文件夹中找到webpack.config.js文件。

const cssRegex = /\.css$/;
const cssModuleRegex = /\.module\.css$/;
const sassRegex = /\.(scss|sass)$/;
const sassModuleRegex = /\.module\.(scss|sass)$/;
//自己添加less
const lessRegex = /\.less$/;
const lessModuleRegex = /\.module\.less$/;

下面是重要部分：

 {
              test: cssRegex,//自己写的css
              exclude:/src/,//真正的解决问题的带代码
              use: getStyleLoaders({
                importLoaders: 1,
              }),
            },
            // Adds support for CSS Modules (https://github.com/css-modules/css-modules)
            // using the extension .module.css
            {
              test: cssRegex,//antd的css 也就是node_modules里面的css
              exclude: cssModuleRegex,
              use: getStyleLoaders({
                importLoaders: 1,
                modules: true,
                getLocalIdent: getCSSModuleLocalIdent,
              }),
            },

完美解决。。。