不能。Sublime Text 无原生 Sass/SCSS 编译能力，需依赖 Dart Sass 命令行工具及 Origami + SublimeOnSaveBuild 插件组合实现保存自动编译，配置需匹配文件类型、后缀与路径。
Sublime Text 能不能原生编译 Sass/SCSS？
不能。Sublime Text 本身不带 Sass 编译能力，必须依赖外部命令行工具（sass 或 sassc）配合插件完成。这意味着你得先在系统里装好 sass（推荐用 Dart Sass：npm install -g sass），否则任何插件都跑不起来。
用什么插件最稳？推荐 Origami + SublimeOnSaveBuild 组合
别用老旧的 Sass 插件（已多年未维护，对 SCSS 语法支持差，且不兼容 Sublime Text 4）。现在最轻量、可控性最强的方案是：
-
Origami：提供Build System模板和路径管理能力，支持自定义sass命令参数 -
SublimeOnSaveBuild：保存时自动触发构建，比手动Ctrl+B更符合“自动生成 CSS”的需求 - 两者加起来不到 10 行配置，无 GUI 干扰，出错时直接看到
sass原始报错
安装后，在 Tools → Build System → New Build System… 里贴入以下内容并保存为 Sass.sublime-build：
{
"cmd": ["sass", "--style=expanded", "--no-source-map", "$file", "$file_base_name.css"],
"selector": "source.scss, source.sass",
"path": "/usr/local/bin:/opt/homebrew/bin"
}
"path" 需按你本地 sass 实际位置调整（macOS 用 which sass 查，Windows 一般填 C:\\Users\\xxx\\AppData\\Roaming\\npm）。
立即学习“前端免费学习笔记（深入）”；
为什么生成的 CSS 总是空或报 Invalid CSS after？
大概率是构建系统没匹配到文件类型，或 sass 版本不兼容。Dart Sass 默认只接受 .scss 或 .sass 后缀，且要求语法严格：
- 确保文件后缀是
.scss（不是.css或.sass.txt），右下角状态栏显示SCSS - Dart Sass 不再支持
@import的旧写法（如@import "reset"），必须写成@use "reset"或加.scss后缀：@import "reset.scss" - 如果项目有
_partial.scss文件，它不会被单独编译——只有不含下划线前缀的入口文件（如main.scss）才触发构建 - 错误信息里出现
File to read not found，说明$file路径没解析成功，检查是否在未保存的临时标签页里按了保存
想让 CSS 输出到 css/ 目录下？改 cmd 就行
默认输出和 SCSS 同目录，要指定子目录，把 Build System 里的 "$file_base_name.css" 改成相对路径即可：
"$file_path/css/$file_base_name.css"
注意：$file_path 是当前文件所在目录，不是项目根目录；如果要固定输出到项目根下的 css/，就得用绝对路径或借助 project settings 变量（较麻烦，一般不建议）。
另外，Dart Sass 的 --watch 模式不推荐在 Sublime 里用——它会独占终端、无法被 SublimeOnSaveBuild 捕获输出，反而导致保存后无响应。
