能否让Live Sass Compiler多源SCSS编译至对应Django目录？

完全可以做到，通过配置Live Sass Compiler的自定义输出规则，就能让每个SCSS主文件编译到你指定的对应CSS目录里。

配置步骤： #

1. 在VS Code中打开你的Django项目，找到工作区设置（.vscode/settings.json，如果没有就新建这个文件和对应文件夹）
2. 写入以下适配你目录结构的配置：

{
  "liveSassCompile.settings.formats": [
    // 根目录static下的SCSS编译
    {
      "format": "expanded", // 可选：compressed（压缩版）或 expanded（展开版）
      "savePath": "/static/css",
      "savePathSegmentKeys": ["/scss/"],
      "savePathReplaceSegments": ["/css/"]
    },
    // app1下的SCSS编译
    {
      "format": "expanded",
      "savePath": "/apps/app1/static/app1/css",
      "savePathSegmentKeys": ["/apps/app1/static/app1/scss/"],
      "savePathReplaceSegments": ["/apps/app1/static/app1/css/"]
    },
    // app2下的SCSS编译
    {
      "format": "expanded",
      "savePath": "/apps/app2/static/app2/css",
      "savePathSegmentKeys": ["/apps/app2/static/app2/scss/"],
      "savePathReplaceSegments": ["/apps/app2/static/app2/css/"]
    }
  ],
  // 忽略带下划线的部分SCSS文件（Live Sass默认不编译这类文件，可选保留）
  "liveSassCompile.settings.excludeList": [
    "**/_*.scss",
    "**/node_modules/**"
  ]
}

关键说明： #

• savePathSegmentKeys 和 savePathReplaceSegments 用来精准替换路径中的scss目录为css，完全匹配你的目标输出结构
• 带下划线的_app1-partial.scss这类部分文件，Live Sass Compiler默认不会单独编译，只会被主SCSS文件引用后打包到对应CSS文件中，正好符合你的需求
• 可根据生产/开发需求切换compressed或expanded格式

内容的提问来源于stack exchange，提问作者Raymond Turla