angular - stylePreprocessorOptions 不适用于@Angular/cli 7

Question

所以，我正在尝试“whitelabelyze”我的应用程序，允许为多个客户提供多种设计选项。在我的组件的 scss 中，我需要加载一个位于“主题”文件夹下的“_variables.scss”，结构如下:

/
- 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",
           ]
           ...
         }
         ...
       }
     }
  }

根据documentation ，我做得对，但我的 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)

有什么关于如何处理这里的建议吗？

Answer 1

我发现了问题。

我在 angular.json 中加载了 themes/client-X 而不是 src/themes/client-X。