序言 ​

前端样式方案经历了原生 CSS、BEM 规范、Sass 预处理器到 CSS-in-JS 的演进，核心诉求始终是可维护性与开发效率。Tailwind CSS 验证了原子化 CSS 的可行性——通过组合单一职责工具类构建界面。

但随着项目规模增长，构建性能和定制灵活性成为新瓶颈。

UnoCSS 正是为解决这些问题而设计。它不是 Tailwind 替代品，而是一个按需生成的原子化 CSS 引擎。其核心设计理念是无主见（Un-opinionated）——不预设样式规范，仅提供高性能规则匹配引擎，开发者通过配置构建自己的设计系统。

本书价值 ​

本书聚焦 UnoCSS 的设计哲学与工程实践。在性能机制方面，我们将深入解析即时生成原理，帮助你理解毫秒级热更新是如何实现的。在定制能力方面，你将掌握规则（Rules）和预设（Presets）系统，学会构建项目专属的设计规范。在按需生成方面，我们会剖析按需机制如何确保 CSS 产物体积始终最小化。在开发体验方面，你将学会运用属性化模式、变体组、纯 CSS 图标等特性来提升编码效率。

内容结构 ​

本书分为五个部分。第一部分基础与核心涵盖运行原理、规则、预设、变体等核心概念。第二部分核心工具类聚焦布局、排版、色彩等工具类的实战应用。第三部分核心功能深入讲解快捷方式、属性化模式、图标系统、主题定制等特性。第四部分高级定制指导你编写自定义规则、预设和转换器。第五部分生态与工具链介绍 Vue/React 集成、调试工具、编辑器插件等内容。

UnoCSS 代表原子化 CSS 的下一代架构。本书目标是帮助读者掌握构建高性能、高可维护性 CSS 架构的方法论。