Импорт файлов SCSS с использованием ~ (тильда) не работает в Angular 6

Question

У меня два вопроса относительно scss импорта файлов в Angular6

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 / variable';^ Файл для импорта не найден или не читается: ~ sass / variable.в 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. Да, если вы хотите использовать любой код файла .scss в любом компоненте .scss, они должны быть импортированы в этот компонент.scss. Выпуск .
2. ~ (Тильда) перестал работать с Angular6. Выпуск . Используйте вместо этого ~src для импорта scss.