如何在更改時自動同步/刷新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