SCSS嵌套结构不生效是因为Sublime不解析SCSS，需确保sass CLI正确加载@import文件：路径必须相对于入口文件、partial文件须以_开头且省略.scss后缀、避免中文/空格路径，并确认LiveSassCompiler或自定义Build System配置支持层级输出。
SCSS 文件嵌套结构不生效？检查 @import 路径和文件命名规则
Sublime Text 本身不解析 SCSS，所有嵌套、变量、@import 都靠底层 sass CLI 处理。常见现象是：改了 _variables.scss，保存 main.scss 却报 Undefined variable "$color"——这不是 Sublime 的问题，而是 Sass 解析器根本没加载那个文件。
-
@import只能导入以_开头的 partial 文件（如_mixins.scss），且不能带.scss后缀；写成@import "mixins.scss"或@import "_mixins"都会失败 - 路径是相对于被编译的入口文件（如
main.scss）的，不是项目根目录；若main.scss在src/scss/，而_base.scss在src/scss/base/，就得写@import "base/_base" - LiveSassCompiler 插件默认不递归扫描子目录，即使你写了
@import "components/button"，如果button/_index.scss里又@import "_style"，它不会自动展开——必须确保每个@import路径都显式、准确
想保持 CSS 输出路径与 SCSS 目录结构一致？别依赖原生 Sass 插件
原生 Sass 插件（如官方 Sass 包）的 output_dir 是扁平化输出：所有生成的 CSS 都塞进同一个目录，无法映射源文件嵌套层级。比如 src/scss/layout/header.scss 编译后变成 css/header.css，丢失了 layout/ 这层。
- 用
LiveSassCompiler：在它的用户设置中配"saveTo": "/dist/css/"，并开启"live_sass_compiler.settings.save_generated_files": true，它会按源文件相对路径重建目录结构 - 更可控的方式是自定义 Build System：
{ "cmd": ["sass", "$file", "${file_path}/../dist/css/${file_path/.*\/scss\/(.*)/$1/}${file_base_name}.css"], "selector": "source.scss", "shell": true, "working_dir": "$file_path" }注意这里用了 Sublime 的变量替换语法，${file_path/.*\/scss\/(.*)/$1/}提取scss/后的路径段 - Windows 用户注意反斜杠转义：路径正则里要写
\\，否则 Sublime 会解析失败
sass --watch 监听整个 scss/ 目录但不生效？检查入口文件和错误退出机制
终端运行 sass --watch scss/:css/ 看似简单，但实际常静默退出——尤其当你改了某个 _partial.scss 时。这是因为 sass CLI 默认只监听“被直接 import 的入口文件”，而不是整个目录树。
- 确保
scss/下至少有一个不含下划线前缀的文件（如main.scss），且它内部@import了所有需要的 partial - 一旦任意一个被引用的文件存在语法错误（哪怕只是多了一个逗号），
sass --watch会立即终止，不会报错提示，只会退出；建议先手动跑一次sass scss/main.scss css/main.css确认无误再开 watch - macOS 上若用 Homebrew 安装 Dart Sass，路径是
/opt/homebrew/bin/sass；但 Sublime 启动时读不到这个 PATH，所以插件调用失败不等于终端失败——这是两个独立环境
中文路径或空格导致编译失败？这不是编码问题，是 CLI 层级限制
错误现象：右下角状态栏显示 Sass，按 Ctrl+B 却没反应，控制台也无输出。最可能的原因不是编码，而是路径里含中文或空格——Dart Sass 和 Node.js CLI 对这类路径支持极差，尤其 Windows 下的 sass.cmd。
立即学习“前端免费学习笔记（深入）”；
- 路径含中文（如
C:我的项目style.scss）或空格（如C:Work Projectstyle.scss）时，sass命令会静默失败，不报错也不生成 CSS - 解决方案只有两个：把项目移到纯英文路径（推荐
C:/dev/myproject），或改用 WSL（Windows Subsystem for Linux）下运行sass --watch - Sublime 的
Build System中若用$file_path变量，遇到中文路径也会传参失败；此时应改用绝对路径硬编码，或切换到终端手动编译
@import 路径在 Sass 规则下合法、watch 命令启动时入口文件无语法错误。漏掉任何一环，都会表现为“保存没反应”。 
