Reactjs 创建react-app:Reorder样式标记，以便css的顺序正确

我使用

createreact-app

构建我的web应用程序，并使用

antdesign

组件。我使用

样式化组件

进一步定制样式。现在一切都很好

然而，当我尝试更改以下原色时，我注意到我的css规则（来自

样式化组件

）被新编译的css规则覆盖（来自更少的，默认的

antd

带有已更改原色的样式）

当我打开开发人员控制台时，编译的css位于最后一个位置。当我在开发人员控制台中向上拖动样式标记并对其重新排序时，它会给出正确的显示。如何配置，使

antd

css位于

样式化组件之前

这是我的
config overrides.js

const { override, fixBabelImports, addLessLoader } = require('customize-cra');

module.exports = override(
  fixBabelImports('import', {
    libraryName: 'antd',
    libraryDirectory: 'es',
    style: true,
  }),
  addLessLoader({
    javascriptEnabled: true,
    modifyVars: { '@primary-color': '#333' },
  }),
);