Итак, я пытаюсь «whitelabelyze» моего приложения, позволяя несколько вариантов конструкций для нескольких клиентов.И внутри scss моего компонента мне нужно загрузить '_variables.scss', который будет находиться в этой папке 'themes', структура выглядит следующим образом:
/
- themes
-- client-1
--- _variables.scss
-- client-2
--- _variables.scss
И внутри моего angular.json у меня есть этоconfig:
"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)
Есть предложения, как подойти сюда?