Ant Design Style

Ant Design Style

⌘ K

Table of Contents

支持 className 定位

基础知识: 简介; CSS in JS 快速入门; CSS in JS 写法对比; 设计理念与实施策略

快速上手: 书写样式; 切换主题; 自定义主题

进阶使用: Babel 插件; SSR 集成; 组件研发; 集成 styled; 🚧 stylish 复合样式; CSSinJS 样式库性能对比

从 Less 迁移: Less 应用自动化迁移; Less 应用手动迁移; Less 组件迁移; 🚧 CSSinJS 与 Less 的编译差异

自定义主题

相关资源

Ant Design Pro Components

Umi-React 应用开发框架

Dumi-组件/文档研发工具

qiankun-微前端框架

社区

Ant Design 语雀专栏

Ant Design 知乎专栏

体验科技专栏

SEE Conf-SEE Conf-蚂蚁体验科技大会

帮助

更多产品

语雀-知识创作与分享工具

AntV-数据可视化解决方案

Egg-企业级 Node.js 框架

Kitchen-Sketch 工具集

蚂蚁体验科技

Copyright © 2022-2024

Made with ❤️ by 蚂蚁集团 - AFX & 数字科技

‌
‌
‌
‌

Babel 插件

我们提供了 antd-style 的 Babel 插件，以提升研发体验。

bash

配置

.babelrc 配置：

json

umi/dumi 配置:

js

功能

支持 className 定位

安装 Babel 插件后，className 将会定位到对应的样式文件目录，仅 dev 生效。