压缩 CSS
代码压缩或 压缩是指移除所有非必要的字符，例如空格、换行符、注释等，同时不改变源代码的功能。 在开发和调试期间，这些字符可使代码更易阅读。 在生产阶段，它们只会增加要传输的代码体积。
压缩通常作为构建流程中的一个步骤执行，使用的工具包括 webpack。 如果您未使用构建工具，您可以使用独立工具，例如 CSSO 或 cssnano。
要自动压缩代码，您需要安装压缩工具并配置一个 File Watcher ，以监视文件更改并运行压缩工具。
默认情况下，File Watcher 范围内的 CSS 文件一旦发生更改并保存，就会开始代码压缩过程。 您可以指定其他 触发工具的事件。 有关详细信息，请参阅 File Watcher。
生成的压缩代码将另存为一个单独的文件，其文件名与源 CSS 文件相同，但扩展名为 min.css 。 生成文件的位置在 要刷新的输出路径 字段中定义，该字段位于 新建监视器对话框中。 但在 项目树 中，压缩后的文件会显示在作为节点显示的源 CSS 文件下。 若要更改此默认表现形式，请在 项目 工具窗口中 配置文件嵌套 Alt+1。
以下示例展示了如何直接在 GoLand 中使用 CSSO 压缩 CSS 代码。
示例：使用 CSSO 压缩 CSS
要自动压缩代码，您需要安装 CSSO 并配置一个 CSSO File Watcher ，以监视文件更改并运行该工具。
默认情况下，File Watcher 范围内的 CSS 文件一经更改并保存，即开始压缩。 您可以指定其他 触发 CSSO 的事件。 有关详细信息，请参阅 File Watcher。
生成的压缩代码将另存为一个单独的文件，其文件名与源 CSS 文件相同，扩展名为 min.css 。 生成文件的位置在 要刷新的输出路径 字段中定义，该字段位于 新建监视器对话框中。 但在 项目树 中，压缩后的文件将显示在作为节点显示的源 CSS 文件下方。 若要更改此默认表现形式，请在 项目 工具窗口中 配置文件嵌套 Alt+1。
开始之前
全局安装 csso-cli
在内嵌的 终端 （Alt+F12 ）中，输入：
npm install -g csso-cli
创建 CSSO 文件监视器
在 设置 对话框（Ctrl+Alt+S ）中，点击 File Watchers ，位于 工具 下。 打开的 File Watcher 页面将显示已配置的 File Watcher 列表。
点击
或按下 Alt+Insert ，然后从列表中选择 CSSO CSS 优化器 预定义模板。新建监视器 对话框将打开。
在 程序 字段中，指定
csso可执行文件的位置。如果您通过 Node Package Manager 安装了
csso-cli，GoLand 会自动定位该包并以csso别名自动填充字段。否则，请手动输入路径或点击
并在打开的对话框中选择文件位置。接受默认的 File Watcher 设置，或者根据 文件监视器 中的说明重新配置设置（如有必要）。
在此示例中，默认值如下：
在 参数 字段中设置
-i $FileName$ -o $FileNameWithoutExtension$.min.css。在 要刷新的输出路径 字段中设置
$FileNameWithoutExtension$.min.css。在 工作目录 字段中设置
$FileDir$。
单击 确定 以返回 File Watchers 页面，在该页面中新的 File Watcher 会被添加到列表中：
请确保选中了 已启用 复选框。
默认情况下，File Watcher 可在当前项目中使用。 要在其他项目中使用它，请从 级别 列表中选择 全局。