使用antd-scss-theme-plugin自定义Ant Design主题

antd-scss-theme-plugin 是一个 Webpack 插件,允许您在 SCSS 样式的项目中有效地定制 Ant Design 主题。通过这个插件,您可以:

  • 通过单个 theme.scss 文件指定主题变量 替代来定制 Ant Design
  • theme.scss 文件中 @import Ant Design 的 SCSS 和变量。
  • theme.scss 文件发生变化时,插件会触发热重载,立即生效。

配置步骤

  1. 将 Ant Design 配置为使用 Less 而非预编译的 CSS
  2. Webpack 设置中启用 antd-scss-theme-plugin 插件。

用法

  • 如何在 SCSS 中 指定主题变量 来定制 Ant Design 主题。
zip 文件大小:247.91KB