IntelliJ IDEA：精简CSS
精简CSS
此功能仅在Ultimate版本中受支持。
在开始之前，请确保您的计算机上有Node.js.
YUI Compressor是一种用于精简CSS代码的工具。缩小或压缩意味着删除所有不必要的字符，例如空格，换行，注释而不更改源代码的功能。在开发和调试期间，这些字符使代码更易于阅读。在生产阶段，他们只增加要传输的代码的大小。
安装和配置YUI Compressor
打开嵌入式终端（Alt+F12），然后在命令提示符下键入npm install yuicompressor。
压缩CSS代码
要动态压缩代码，您需要将压缩器配置为IntelliJ IDEA 文件监视器。
创建文件监视器
在“设置/首选项”对话框（Ctrl+Alt+S）中，单击“工具”下的“文件监视器 ”。打开的“文件监视器”页面显示已配置的文件监视器列表。
单击
或按Alt+Insert ，然后从列表中选择YUI Compressor CSS预定义模板。在“程序”文本框中，指定yuicompressor-<version>.jar文件的路径。如果您通过节点包管理器安装该工具，IntelliJ IDEA将自行定位所需的文件并自动填写该字段。否则，请手动键入路径，或单击
并在打开的对话框中选择文件位置。按照使用文件监视器中的说明继续操作。
或按Alt+Insert ，然后从列表中选择YUI Compressor CSS预定义模板。
并在打开的对话框中选择文件位置。启用缩小文件观察程序时，只要更改或保存文件观察程序范围中的CSS文件，就会自动开始缩小 。
IntelliJ IDEA使用生成的输出创建单独的文件。该文件具有源CSS文件的名称和扩展名min.css。生成的文件的位置在“新建观察器”对话框的“要刷新的输出路径”文本框中定义。但是，在项目树中，默认情况下它显示在源CSS文件下，该文件现在显示为节点。要更改默认表示，请在“项目”工具窗口中配置文件嵌套。