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

Question

我有两个关于scssAngular6中文件导入的问题

1. component.scss在global中一次导入我的局部文件后，是否需要将我的局部文件导入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 / variables'; ^找不到导入文件或不可读：〜sass /变量。在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中。问题。
2. 〜（Tilda）自从停止工作Angular6。问题。使用~src代替导入scss。