IntelliJ IDEA：精简CSS

精简CSS

此功能仅在Ultimate版本中受支持。

在开始之前，请确保您的计算机上有Node.js.

YUI Compressor是一种用于精简CSS代码的工具。缩小或压缩意味着删除所有不必要的字符，例如空格，换行，注释而不更改源代码的功能。在开发和调试期间，这些字符使代码更易于阅读。在生产阶段，他们只增加要传输的代码的大小。

安装和配置YUI Compressor

• 打开嵌入式终端（Alt+F12），然后在命令提示符下键入npm install yuicompressor。

压缩CSS代码

要动态压缩代码，您需要将压缩器配置为IntelliJ IDEA 文件监视器。

创建文件监视器

1. 在“设置/首选项”对话框（Ctrl+Alt+S）中，单击“工具”下的“文件监视器 ”。打开的“文件监视器”页面显示已配置的文件监视器列表。

2. 单击或按Alt+Insert ，然后从列表中选择YUI Compressor CSS预定义模板。

3. 在“程序”文本框中，指定yuicompressor-<version>.jar文件的路径。如果您通过节点包管理器安装该工具，IntelliJ IDEA将自行定位所需的文件并自动填写该字段。否则，请手动键入路径，或单击 并在打开的对话框中选择文件位置。

4. 按照使用文件监视器中的说明继续操作。

启用缩小文件观察程序时，只要更改或保存文件观察程序范围中的CSS文件，就会自动开始缩小 。

IntelliJ IDEA使用生成的输出创建单独的文件。该文件具有源CSS文件的名称和扩展名min.css。生成的文件的位置在“新建观察器”对话框的“要刷新的输出路径”文本框中定义。但是，在项目树中，默认情况下它显示在源CSS文件下，该文件现在显示为节点。要更改默认表示，请在“项目”工具窗口中配置文件嵌套。