使用〜（波浪号）的SCSS文件导入在Angular 6中不起作用

Question

关于Angular6中的scss文件导入，我有两个问题

1. 在全局component.scss中一次导入了我的局部文件后，是否需要将我的局部文件导入到我的所有src/sass/styles.scss文件中。不应该一次导入它吗？
2. 如何使用导入快捷方式〜导入SCSS部分。我所有的部分内容都包含在src/sass文件夹中。

这很好：@import '../sass/variables';//in app.component.scss

但这会引发错误：@import '~sass/variables'：

  ./src/app/app.component.scss中的

错误       模块构建失败：       @import'〜sass /变量';       ^             找不到或不可读的导入文件：〜sass / variables。             在C：\ Users \ sandeepkumar.g \ Desktop \ nodebook \ tdlr-this \ src \ app \ app.component.scss   （第2行，第1列）

`

angular.json：

"styles": [
              ...
              "src/sass/styles.scss"
            ],

我的文件夹结构：

Answer 1

回答我自己的问题。 事实证明，这两个问题都是Angular 6中的“错误”。

1. 是的，如果要在任何component.scss中使用任何.scss文件代码，则必须将其导入到该component.scss中。 Issue。
2. 〜（Tilda）自Angular6起已停止工作。 Issue。 改为使用~src来导入scss。