使用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 文件发生变化时,插件会触发热重载,立即生效。
配置步骤
- 将 Ant Design 配置为使用 Less 而非预编译的 CSS。
- 在 Webpack 设置中启用 antd-scss-theme-plugin 插件。
用法
- 如何在 SCSS 中 指定主题变量 来定制 Ant Design 主题。
247.91KB
文件大小:
评论区