简介

什么是缩小？

缩小是采用各种方法来减小磁盘上代码大小的过程。与 gzip 等技术不同，gzip 保留 CSS 文件的原始语义，因此是无损的，而缩小是一个本质上是有损的过程，其中值可以用较小的等价值替换，或选择器合并在一起，例如。

缩小步骤的最终结果是，生成的代码将与原始文件表现相同，但某些部分将被更改，以尽可能减小大小。将 gzip 压缩与缩小相结合，可以最大程度地减小文件大小。

cssnano 是一个这样的缩小器，它用 Node.js 编写。这是一个 PostCSS 插件，你可以将其添加到你的构建过程中，以确保生成的样式表在生产环境中尽可能小。

如果你不知道什么是构建过程，不用担心，因为我们在入门指南中介绍了这一点。

我们提供许多不同的优化，从简单的转换（如删除空格）到可以合并具有不同名称的相同关键帧的复杂转换。有关更多信息，请参阅预设指南。

cssnano 使用 PostCSS 在底层处理 CSS。由于许多现代 CSS 工具都使用 PostCSS，因此你可以将它们组合在一起，以处理单个抽象语法树 (AST)。这意味着整体处理时间减少了，因为 CSS 不必被多次解析。

由于我们使用 PostCSS，我们可以将 cssnano 的职责分配给许多插件，每个插件执行一个小的优化。并且许多优化被限定在 CSS 属性的某个子集中，与使用正则表达式全局缩小 CSS 相比，这要安全得多。

上次更新时间：2024 年 6 月 5 日星期三，格林尼治标准时间 10:27:34