В моем проекте angular у меня есть файл mixins.s css, на который ссылаются несколько компонентов. Выглядит это так:
@mixin important-text {
color: red;
font-size: 25px;
font-weight: bold;
border: 1px solid blue;
}
...
Теперь на этот файл ссылаются таблицы стилей нескольких компонентов с помощью
@import 'mixins';
(путь определяется в stylePreprocessorOptions / includePaths)
Дело в том, что эти правила повторяются в каждом файле стилей всех Angular компонентов, использующих этот импорт. Когда я удаляю его, я получаю сообщение об ошибке, что миксин не может быть найден.
Есть ли способ "обмануть" Angular, чтобы использовать только один экземпляр mixins.s css? Импортировать его внутри стилей. css не работает. Я также пытался заменить @imports на @use (https://sass-lang.com/documentation/at-rules/use), но это не имеет значения.
А как насчет custom-webpack (https://www.npmjs.com/package/@angular-builders / custom -webpack )? Могу ли я установить правила удаления стилей во время сборки?
Marcin