Приложение My Angular настроено на использование Stylus в качестве стиля.Стили почти всех моих компонентов наследуются от src/styles/common.styl
, который предоставляет конфигурацию и миксины.Однако это означает, что все мои файлы стилуса имеют длинные относительные следы:
@import '../../../../styles/common';
Это также означает, что когда мы устанавливаем новый компонент, мы должны добавить эту строку, а затем вычислить соответствующее число ../
's для добавления на основе уровня вложенности папок.
Я бы хотел вместо этого использовать абсолютные пути для нашего кода стилуса.Это означает, что нужно использовать связку для импорта, как показано ниже, из любого компонента в приложении независимо от уровня вложенности папок:
@import '/styles/common';
Каков наилучший способ получения абсолютных путей для импорта стилуса в Angular 7?
Похоже, это теоретически возможно путем настройки загрузчика стилуса, но я не могу найти чистый способ сделать это для Angular. Пользовательские конфигурации веб-пакетов кажутся подходящим вариантом, но они, похоже, используются для оптовой замены конфигурации по умолчанию, а не просто для внесения изменений в конфигурацию, и я предпочел бы не повторять конфигурацию веб-пакетас нуля, чтобы просто настроить параметры стилуса, если мы можем избежать этого.