Расширенные стили @import для angular 8+

Question

Я использую Angular 9. Сначала посмотрите на мой каталог

apps
.  -myapp
.       -src
.          -myscss.scss
libs
   -style
        -theme.scss

Я хочу импортировать theme.sccs в myscss.scss файл стиля. Я могу сделать это с этим

/* mysccs.sccs */

@import "../../../libs/style/theme";

Но я хочу импортировать вот так

/* myscss.scss */

@import "theme";

Можно ли избавиться от ../../../? Как я могу это сделать?

Answer 1

Попробуйте использовать stylePreprocessorOptions в вашем angular.json файле

angular. json

  "styles": [/* your project styles here */],
  "stylePreprocessorOptions": {
          "includePaths": [
            "../../libs/styles" /*correct path here*/
          ]
        }