stylePreprocessorOptions includePaths не импортирует мои файлы scss

Question

Я начал использовать рабочее пространство Angular с несколькими проектами. Итак, я создал style папка, которая содержит все мои общие файлы scss.

в angular.json файл, для каждого проекта я добавил следующее в раздел Architect/build/options:

           "stylePreprocessorOptions": {
          "includePaths": [
            "styles"
          ]
        }

но когда я бегу ng build my-project или же ng serve my-project файл main.scss в styles папка не входит.

Этот файл в основном импортирует все файлы scss, которые находятся в подпапках в "стилях", например

        @import "base/base";
 @import "base/typography";
 @import "base/helpers";
 @import "base/fonts"; 

Что я делаю неправильно?

Answer 1

Я столкнулся с этой проблемой в Angular14. Ранее я использовал относительный путь для импорта глобальных файлов SCSS (со знаком «~»). Но последняя версия Angular перестала использовать этот знак, а также начала использовать DartSCSS. До сих пор кажется, что Angular14 не поддерживает stylePreprocessorOptions в своем файле angular.json . Ветка github также не имеет ни малейшего представления об этой проблеме. Итак, на данный момент я удалил stylePreprocessorOptions из angular.json и добавил путь как "@import './src/styles/global-mixinsЭто решает две проблемы-

1. Мне больше не нужно использовать знак ~ .
2. Нет необходимости добавлять относительный путь, например../../../styles/global-mixins

В будущем, если я получу какое-то решение этой проблемы, я обновлю здесь.