Reactjs 在react样板文件中配置antd主题

我试图在react样板中配置antd主题。我在react样板回购协议中看到了这个问题。这正是我想要的，但我在接受的答案中尝试了给定的配置，它对我不起作用

在vanilla react样板回购中，我安装了antd。 在主页（index.js）中，我添加了一个按钮，复选框如下

<Button type="primary">Primary</Button>
<Checkbox onChange={onChange}>Checkbox</Checkbox>

规则之一是

      {
        test: /\.less$/,
        include: /node_modules/,
        use: [
          'style-loader',
          'css-loader',
          {
            loader: 'less-loader',
            options: {
              modifyVars: themeVariables,
            },
          },
        ],
      },

主题.less

文件是

@ant-prefix: ant;

@primary-color: #ff0000;
@btn-primary-color: #ff0000;
@checkbox-color: #ff0000;
@checkbox-check-color: #ff0000;

我试图覆盖按钮或复选框中任何可能的颜色，但无法更改主题颜色

---

我有什么遗漏吗？我很久以来一直被困在这一点上。任何建议都会有很大帮助。

尝试将ant样式导入index.js，将样式应用于整个应用程序

只需添加以下导入

导入“antd/dist/antd.less”

有关更多信息，请关注antd
我与react和antd合作已近两年。请检查此样板文件，这将帮助您覆盖antd的主题变量。文件“config overrides.js”第11行和第12行
@ant-prefix: ant;

@primary-color: #ff0000;
@btn-primary-color: #ff0000;
@checkbox-color: #ff0000;
@checkbox-check-color: #ff0000;