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

Question

最近我的客户从Eclipse切换到Intellij。在两个IDE中，我都是在外部编辑SCSS文件并在终端中运行“罗盘监视”。这在Eclipse中非常有效。编译SCSS文件后立即刷新浏览器并查看更改。

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

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

Answer 1

我找到了解决方案。

打开“Settings/File Watchers”并转到SCSS。确保“输出路径刷新”字段与“参数”字段具有相同的输出值。

例如，这是我的设置：

参数：

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

输出路径刷新：

$FileParentDir$\css\$FileNameWithoutExtension$.css