После релиза микрофронтенда корзины поехали кнопки на странице каталога
Каталог и корзина — два микрофронтенда разных команд на одной странице. Команда корзины добавила в свой глобальный CSS правило:
button { padding: 16px 24px; font-size: 18px; }
После её релиза сломалась вёрстка каталога, хотя в его коде ничего не менялось. Какой подход исключает такие конфликты?
- Изолировать стили: CSS Modules или префиксы, без глобальных селекторов
- Подключать CSS каталога после CSS корзины, чтобы он побеждал
- Добавить !important во все стили кнопок каталога
- Договориться, что команды не выпускают релизы в один день