Как мы можем настроить Stylus для абсолютных путей в Angular 7? - PullRequest
0 голосов
/ 25 февраля 2019

Приложение My Angular настроено на использование Stylus в качестве стиля.Стили почти всех моих компонентов наследуются от src/styles/common.styl, который предоставляет конфигурацию и миксины.Однако это означает, что все мои файлы стилуса имеют длинные относительные следы:

@import '../../../../styles/common';

Это также означает, что когда мы устанавливаем новый компонент, мы должны добавить эту строку, а затем вычислить соответствующее число ../ 's для добавления на основе уровня вложенности папок.

Я бы хотел вместо этого использовать абсолютные пути для нашего кода стилуса.Это означает, что нужно использовать связку для импорта, как показано ниже, из любого компонента в приложении независимо от уровня вложенности папок:

@import '/styles/common';

Каков наилучший способ получения абсолютных путей для импорта стилуса в Angular 7?

Похоже, это теоретически возможно путем настройки загрузчика стилуса, но я не могу найти чистый способ сделать это для Angular. Пользовательские конфигурации веб-пакетов кажутся подходящим вариантом, но они, похоже, используются для оптовой замены конфигурации по умолчанию, а не просто для внесения изменений в конфигурацию, и я предпочел бы не повторять конфигурацию веб-пакетас нуля, чтобы просто настроить параметры стилуса, если мы можем избежать этого.

1 Ответ

0 голосов
/ 14 марта 2019

В Stylus вы можете легко импортировать относительный стиль root с помощью ~:

@import "~src/styles/common";

, где baseUrl в корневом каталоге tsconfig.json:

"baseUrl": "./",

С другим baseUrlвам понадобится другой шаблон импорта.Например, baseUrl, равный src/, требует, чтобы вы использовали @import "~styles/common", чтобы путь все еще разрешался к src/styles/common.

...