IntelliJ IDEA
 
获取 IntelliJ IDEA

缩小CSS

最后修改时间:2023 年 7 月 13 日

缩小压缩意味着删除所有不必要的字符,例如空格、换行符、注释,而不改变源代码的功能。在开发和调试过程中,这些字符使代码更易于阅读。在生产阶段,它们只会增加要传输的代码的大小。

大多数情况下,压缩是使用webpack等工具作为构建过程中的一个步骤完成的。如果您不使用构建工具,则可以使用独立工具,例如CSSOcssnano

要自动缩小代码,您需要安装缩小工具并配置文件观察器,它将跟踪文件的更改并运行缩小工具。

默认情况下,一旦文件观察器范围内的 CSS 文件发生更改并保存,缩小就会开始。您可以指定调用该工具的其他事件。从文件观察者了解更多信息。

生成的缩小代码存储在一个单独的文件中,其名称为源 CSS 文件,扩展名为min.css生成的文件的位置在“新建观察程序”对话框的“刷新输出路径”字段中定义。但是,在项目树中,包含缩小代码的文件显示在源 CSS 文件下,该文件显示为节点。要更改此默认呈现方式,请在“项目”工具窗口中配置文件嵌套

下面的示例展示了如何使用 CSSO 直接从 IntelliJ IDEA 缩小 CSS 代码。