Я настроил Docusaurus с помощью Tailwind CSS на основе этого руководства, и у меня все заработало.
Проблема, с которой я столкнулся сейчас, заключается в том, что некоторые стили, примененные к моей фактической документации, теперь отсутствуют. Заголовки имеют неправильный стиль, и к ним также не привязана функция привязки ссылок.
Я могу подтвердить, что когда я комментирую импорт CSS Tailwind в CSS
@tailwind base;
@tailwind components;
@tailwind utilities;
Стиль документации возвращается и работает так, как ожидалось. Кто-нибудь знает, что происходит? Если нет, то как я могу «исключить» компоненты при импорте CSS, возможно, это вызывает некоторые проблемы?
🤔 А знаете ли вы, что...
React поддерживает однонаправленный поток данных (unidirectional data flow) для предсказуемого управления состоянием.
Я предполагаю, что это из-за предварительной проверки, применяемой Tailwind CSS.
Построенный на основе современной нормализации, Preflight представляет собой набор базовых стилей для проектов Tailwind, предназначенных для сглаживания несоответствий между браузерами и облегчения работы в рамках ограничений вашей системы проектирования. Tailwind автоматически внедряет эти стили, когда вы включаете @tailwind base в свой CSS:
module.exports = {
corePlugins: {
preflight: false,
}
}