Итак, я пытаюсь превратить свое приложение в белый список, позволяя использовать несколько вариантов дизайна для нескольких клиентов. И внутри моего компонента scss мне нужно загрузить _variables.scss, который будет находиться в этой папке «themes», структура выглядит так:
/
- themes
-- client-1
--- _variables.scss
-- client-2
--- _variables.scss
А внутри моего angular.json у меня есть такая конфигурация:
"projects": {
"client-1": {
...
"architect": {
"build": {
...
"options": {
...
"stylePreprocessorOptions": {
"includePaths": [
"themes/client-1"
]
},
"styles": [
"src/styles.scss",
]
...
}
...
}
},
"client-2": {
...
"architect": {
"build": {
...
"options": {
...
"stylePreprocessorOptions": {
"includePaths": [
"themes/client-2"
]
},
"styles": [
"src/styles.scss",
]
...
}
...
}
}
}
Согласно документация, я делаю это правильно, но мои scss-файлы не загружают «переменные» правильно. Это импорт моих файлов scss:
@import "variables";
Это ошибка, которая возникает:
ERROR in ./src/app/app.component.scss
Module build failed (from ./node_modules/sass-loader/lib/loader.js):
@import "variables";
^
File to import not found or unreadable: variables.
in /Users/erick/Projects/sample-project/src/styles.scss (line 2, column 1)
Есть предложения, как сюда подойти?





Я нашел проблему.
Я загружал themes/client-X вместо src/themes/client-X внутри angular.json.
У меня была такая же проблема при запуске тестов, решением было добавить тот же стиль stylePreprocessorOptions в тестовую конфигурацию в angular.json, а также в конфигурацию сборки
Я долго искал решение. Мой комплект продуктов успешно скомпилировался. Это был просто жасминовый тест, который не удался. Следуя вашему подходу, я исправил это. Спасибо, Саймонс