Если каждый микрофронтенд добавляет глобальные базовые стили Tailwind CSS и они дублируются, была ли у вас такая проблема?

Да, в Tailwind часто возникает необходимость упорядочить классы и удалить дубли, чтобы избежать конфликтов и улучшить читаемость кода. Для этого можно использовать плагины, например, tailwind-merge или clsx, которые помогают объединять классы и удалять повторяющиеся.

Пример использования tailwind-merge:

import { twMerge } from 'tailwind-merge';

const classes = twMerge('bg-red-500 text-white bg-red-500');
console.log(classes); // Выведет: 'bg-red-500 text-white'

Это особенно полезно при динамическом формировании классов, чтобы не дублировать стили и не создавать конфликтов. Также можно настроить Prettier с плагином для Tailwind, который будет автоматически сортировать классы по рекомендуемому порядку.