Как сократить путь до _variables.s css?

Question

Я пытаюсь сократить свои операторы @import. В настоящее время они все @import "apps/playground/src/app/quiz/styles/variables"; во всех моих файлах S CSS.

В angular. json Я указал:

"styles": [
  "apps/playground/src/app/quiz/styles/styles.scss"
],
"stylePreprocessorOptions": {
  "includePaths": [
    "quiz/styles/"
  ]
}, 

и в styles.s css У меня @import "variables";

, и когда я пытаюсь использовать @import «~ переменные» в любом из файлов компонента S CSS, он, похоже, не работает, он просто говорит: «Не удается разрешить файл '~ переменные' ".

Answer 1

В любом из ваших компонентов вы теперь должны иметь возможность использовать только @import 'variables';, ~.

Angular будет искать стили для импорта в любом из каталогов, добавленных в includePaths.
Символ ~ используется для импорта из node_modules.

Edit : вам нужно изменить путь в includePaths на: apps/playground/src/app/quiz/styles/