别装 sass build 插件,它基于已停更的 ruby sass,不支持 @use/@forward,无法响应子文件变更;可靠方案只有两个:sublimeonsavebuild + 自定义构建系统实现保存即编译,或终端执行 sass --watch 实现全目录监听。

别装 Sass Build,它早就不行了
你搜到的 “Sass Build” 插件基于已停更的 Ruby Sass,最后提交是 2016 年,作者明确标记为 deprecated。装了也看不到右下角 “Watch Sass”,Ctrl+B 选它大概率报 command not found: sass 或静默失败。它不支持 @use、@forward,改了 _mixins.scss 后保存 main.scss,CSS 根本不会更新——这不是你配错了,是它根本不能用。
真正能用的只有两个组合
Sublime Text 本身不编译 Sass,插件只负责调用系统里的 sass 命令。所以必须先确保终端里 sass --version 能输出类似 1.77.6 的版本号(Dart Sass),再选下面任一方案:
-
保存即编译(推荐):装
SublimeOnSaveBuild+ 自定义.sublime-build文件,右下角状态栏显示SCSS就生效 -
监听整个目录(开发必备):终端执行
sass --watch src/scss:dist/css,这才是唯一能响应_variables.scss变更的方式
配置构建系统时必须写绝对路径
macOS/Linux 用户运行 which sass,常见路径是 /opt/homebrew/bin/sass;Windows 用户运行 where sass,常见路径是 C:\Users\Alice\AppData\Roaming\npm\sass.cmd。别只写 sass,也别写成 sass --watch —— 构建系统只接受可执行文件路径。
- 新建构建系统:
Tools → Build System → New Build System - 填入内容(注意
"shell": true和--no-source-map):
{
"cmd": ["sass", "--no-source-map", "$file", "${file_path}/${file_base_name}.css"],
"selector": "source.scss, source.sass",
"file_regex": "^(.*?):([0-9]+):([0-9]+) (.*)$"
}
SCSS.sublime-build,放在 Packages/User/ 目录下LiveSassCompiler 看似方便,但有硬伤
它确实点开就用,但只监听当前打开的 .scss 标签页。你改了 _colors.scss,只要没切回 main.scss 手动保存,CSS 就不会重生成——这不是 bug,是所有 Sublime 插件的设计限制。而且它的错误提示藏得深,编译失败时经常静默,连日志都不打。
如果你真要用它,务必在 Preferences → Package Settings → LiveSassCompiler → Settings 里填对 sass_path,且确认 sass --version 在终端有效。但一旦项目变大、依赖变多,你会反复卡在子文件不触发编译上。
真正可靠的监听永远在终端里,不在插件按钮里。











