不能。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 命令参数
• SublimeOnSaveBu

  

  ild：保存时自动触发构建，比手动 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 捕获输出，反而导致保存后无响应。