小编sag*_*har的帖子

我正在尝试使用 CSS 模块来实现 ReactJs 项目的 CSS 样式，为此我应用了 ant design 文档（请参见此处：https: //pro.ant.design/docs/style），但不幸的是它不起作用。问题是我想重写ant Button的组件样式，但它没有获取样式。下面是我的代码的简短示例：CSS 类：在 MyContainer.less 文件中：

 .antButton{
    :global {
        .ant-btn-primary {
            background-color: rgb(215, 226, 233);
            border-color: #848586;
            font-size: 7pt;
            color: red !important;
         }
    }
 }

代码：

import React from 'react';
import { Button } from 'antd';
import 'antd/dist/antd.less';
import styles  from './MyContainer.less';

const MyContainer= () => {
        return (
          <Button type="primary" size="small" className={styles.antButton}  >Download</Button>
    );
 };
export default MyContainer;

我在react（版本16.13.1）中使用Ant design（版本4.3.0）和Webpack（版本4.42.0）。我还安装了less-loader（版本7.3.0）和babel-plugin-import（版本1.13） .3).

我不知道我是否缺少 Webpack 的任何特定配置，或者问题出在其他地方？