angular - 使用 ~(波形符)导入 SCSS 文件在 Angular 6 中不起作用

Question

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

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

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

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

ERROR in ./src/app/app.component.scss Module build failed: @import '~sass/variables'; ^ File to import not found or unreadable: ~sass/variables. in C:\Users\sandeepkumar.g\Desktop\nodebook\tdlr-this\src\app\app.component.scss (line 2, column 1)

`

Angular .json:

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

我的文件夹结构:

Answer 1

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

1. 是的，如果您想在任何 component.scss 中使用任何 .scss 文件代码，则必须将它们导入到该 component.scss 中。 Issue .
2. ~ (Tilda) 自 Angular6 起已停止工作。 Issue 。 使用~src来导入scss。