如何在更改时自动同步/刷新 SCSS/CSS 文件？答案

【问题标题】：How to automatically synchronize/refresh SCSS/CSS file on change?如何在更改时自动同步/刷新 SCSS/CSS 文件？
【发布时间】：2015-06-28 06:42:10
【问题描述】：

最近我的客户从 Eclipse 切换到 Intellij。在这两个 IDE 中，我都在外部编辑 SCSS 文件并在终端中运行“指南针手表”。这在 Eclipse 中效果很好。编译 SCSS 文件后，我可以简单地刷新浏览器并查看更改。

在 Intellij 中，最多需要 30 秒才能看到更改，或者如果我启用“在帧激活时同步文件”，我必须先切换到浏览器，然后返回 Intellij，然后再返回浏览器以强制刷新。第三种选择是手动同步“css”文件夹，不方便。我在 Intellij 中编辑和编译 SCSS 文件时遇到了同样的问题。

如何强制 Intellij 更快地检测 CSS 文件更改？

【问题讨论】：

【解决方案1】：

我找到了解决办法。

打开“设置/文件观察器”并转到 SCSS。确保“要刷新的输出路径”字段与“参数”字段的输出值相同。

例如，这是我的设置：

参数：

--no-cache --update $FileName$:$FileParentDir$\css\$FileNameWithoutExtension$.css

要刷新的输出路径：

$FileParentDir$\css\$FileNameWithoutExtension$.css

【讨论】：