IntelliJ Ultimate配置Sass文件监视器，仅编译指定SCSS至目标CSS目录

我来帮你调整文件监视器的设置，让任何SCSS文件改动时，只编译main.scss到指定的../css/main.css文件，具体步骤如下：

1. 打开文件监视器设置 #

依次点击菜单栏的 File > Settings > Tools > File Watchers（Mac用户是 IntelliJ IDEA > Settings... > Tools > File Watchers），找到你当前配置的SCSS监视器。

2. 修改核心参数 #

点击监视器右侧的铅笔图标进入编辑界面，调整以下几项：

🔹 Arguments（参数） #

把原来的：

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

替换成：

--no-cache --update $ProjectFileDir$/assets/scss/main.scss:$ProjectFileDir$/assets/css/main.css

这个改动的核心是固定指定编译入口和输出路径，不再针对单个修改的SCSS文件生成对应CSS，而是强制编译main.scss到目标位置。

🔹 Working directory（工作目录） #

确保设置为SCSS文件夹的绝对路径：

C:\localhost\www\website\assets\scss

或者用IDE变量更灵活：$ProjectFileDir$/assets/scss

🔹 Output paths to refresh（要刷新的输出路径） #

替换为：

$ProjectFileDir$/assets/css/main.css:$ProjectFileDir$/assets/css/main.css.map

让IDE编译后自动刷新这两个文件，确保你能看到最新的编译结果。

3. 调整监控范围（Scope） #

为了确保scss目录下的任何文件/文件夹改动都能触发编译，需要设置正确的监控范围：

• 在编辑界面的Scope下拉框中，选择「Custom」，然后点击右侧的「...」按钮
• 在弹出的窗口中，点击「+」选择「Local Scope」，命名为SCSS Files
• 在范围定义框中输入：

  file:assets/scss/**/*.scss
  

  这样就能覆盖scss目录下所有层级的SCSS文件。

4. 保存设置并测试 #

点击「OK」保存所有修改，之后你修改scss目录下的任何文件（比如folder/icons.scss或folder/navigation.scss），IDE都会自动重新编译main.scss并输出到assets/css/main.css，完全符合你的需求。

内容的提问来源于stack exchange，提问作者Ewinnn