升级至Ant Design v5.x.x后，如何获取原v4.x.x的默认样式？

1. 自动加载默认基础样式 #

Ant Design v5 采用 CSS-in-JS 架构，默认样式会随组件自动加载。如果需要单独引入全局重置/基础样式（对应 v4 中 default.less 的基础部分），可以直接导入官方提供的重置样式文件：

@import 'antd/dist/reset.css';

2. 获取完整默认样式的两种方式 #

• 直接引入全局样式文件：v5 依然提供了打包好的全局 CSS 文件，对应 v4 的 antd.less，你可以在项目入口导入：

  @import 'antd/dist/antd.css';
  

• 查看/复用源码样式：如果需要深入定制或参考原默认样式逻辑，v5 的样式源码存放在 packages/antd/style 目录下（基于 CSS 变量和 CSS-in-JS 编写），你可以从中提取所需的样式规则，或通过 @ant-design/cssinjs 包访问主题变量生成自定义样式。

3. 适配你的 override.css #

既然已经将自定义样式转为 override.css，只需确保它在 Ant Design 样式之后加载即可覆盖默认样式：

1. 在项目入口文件中，先引入 Ant Design 的全局样式（或确保组件样式已自动加载），再引入你的 override.css：

   // 比如在 React 项目的 index.js 中
   import 'antd/dist/antd.css';
   import './override.css';
   

2. 若需要基于 v5 主题变量编写覆盖样式，可直接在 override.css 中使用官方定义的 CSS 变量，例如：

   /* override.css 示例 */
   .custom-btn {
     background-color: var(--color-primary);
     border-radius: var(--border-radius-lg);
   }
   

4. 按需加载场景的处理 #

如果项目使用按需加载（如 babel-plugin-import），v5 会自动引入对应组件的样式，无需手动导入全局样式文件。此时只需将 override.css 在全局入口引入，保证其样式优先级高于组件样式即可。

内容的提问来源于stack exchange，提问作者bhavik-civica