Angular 8.x中如何声明SASS文件的加载路径?

Question

根据SASS文档，我应该通过在配置文件.angular.cli.json中添加stylePreprocessorOptions来指定加载路径，如下所示。

"root": "src",
...
"stylePreprocessorOptions": {
  "includePaths": [ "./stylings" ]
}

配置文件已经多次更改了名称，现在是angular.json。根据这个答案，新文件不仅有新的语法，还有新的原理图。

我真的无法确定在新格式中应该放置旧的配置规范，也不知道它是否更改了名称或格式。

现在我该怎么做？

- Konrad Viltersten

Answer 1

示例 angular.json 文件：

"projects": {
  "app-name": {
    "projectType": "application",
    "root": "apps/app-name",
    "architect": {
      "build": {
        "builder": "@angular-devkit/build-angular:browser",
        "options": {
          "stylePreprocessorOptions": {
            "includePaths": [
              "."
            ]
          }
    ...
}     

请查看有关工作区配置的更多信息。请记得在修改angular.json文件后重新启动应用程序。(即使浏览器在保存时重新加载应用程序，HMR也不会尊重源目录之外的更改。而且前面提到的文件位于根目录中。)

- C.OG

---

点号指的是什么？我的全局变量位于*~/src/app/global.scss，在配置中使用该路径似乎得到了预期的结果。这样做速度更快，更直接。我发现文件中其他地方有src/favicon.ico，所以我尝试了src/app*，但控制台仍然报错... - Konrad Viltersten

算了吧。我没意识到在修改那个愚蠢的配置文件后，我需要重新启动 ng serve。 - Konrad Viltersten

哈，那种简洁的风格并不完全是有意为之的，我得赶去开会了 :p - C.OG