怎么深度去修改antd的默认样式

要深度修改antd的默认样式，需要使用CSS的覆盖机制，即在样式表中定义的样式会覆盖掉默认样式。

方法如下：

1.首先，需要安装less-loader和less，以允许我们编写less文件。

npm install less-loader less -D

2.然后，在webpack配置中，找到对应的loader，加入以下代码：

{
  loader: 'less-loader',
  options: {
    lessOptions: {
      modifyVars: {
        // 在这里写入需要修改的变量
      },
      javascriptEnabled: true,
    },
  },
},

3.在less文件中，可以通过变量覆盖antd的默认样式，例如：

@primary-color: #1890ff;

// 这里是你自定义的样式
.my-button {
  color: white;
  background-color: @primary-color;
}

4.最后，在组件中引入自定义的less文件即可。

import 'path/to/custom.less';

这样，就能深度修改antd的默认样式了。