在Sublime Text中配置Sass自动生成SourceMap文件的方法-sublime-PHP中文网

加了--source-map仍不生成.css.map文件，是因为dart sass 1.50+默认禁用sourcemap，且--source-map必须作为独立参数显式书写、不可与--no-source-map共存，也不能误写为--sourcemap；需验证命令是否正确执行并检查输出路径、服务器配置及.map文件加载链路。

在sublime text中配置sass自动生成sourcemap文件的方法

为什么加了`--source-map`还是没生成`.css.map`文件？

Dart Sass 从 1.50 版本起默认禁用 SourceMap，光写--source-map还不够——它必须是命令行中显式出现的独立参数，不能被其他选项吞掉或遗漏。常见错误是把--source-map和--no-source-map混用，或者误写成--sourcemap（少横线）。

验证是否生效最直接的方式：在终端里手动运行sass --source-map style.scss style.css，检查当前目录下是否生成style.css.map；如果没生成，说明不是 Sublime 配置问题，而是 sass 命令本身就没跑通。

--source-map必须单独存在，不能和--no-source-map共存
旧版写法--sourcemap已失效，Dart Sass 1.20+ 统一为双横线--source-map
如果用了--style=compressed，SourceMap 仍会生成，但映射关系可能压缩后变模糊

`sass`构建命令里怎么写才能保证`.css.map`正确输出？

Sublime 的.sublime-build配置中，cmd字段要确保--source-map紧跟在sass之后、输入输出路径之前。顺序错乱会导致参数被忽略。

推荐写法（适用于 macOS/Linux）：

{
  "cmd": ["sass", "--source-map", "$file", "${file_path}/${file_base_name}.css"],
  "selector": "source.scss, source.sass",
  "path": "/usr/local/bin:$PATH"
}

Windows 用户注意：path字段需填绝对路径，例如C:\Users\Alice\AppData\Roaming\npm，且结尾不加反斜杠；sass.cmd文件实际位置可能在该目录下，但 Sublime 会自动识别。

${file_path}/${file_base_name}.css动态生成同名 CSS，避免多文件覆盖
别用--embed-sources或--source-map=inline——虽然能省掉.map文件，但浏览器 DevTools 无法加载内联内容，调试时点不到 SCSS 行
如果项目用 PostCSS，后续还需在postcss命令里加--source-map，否则链路断裂