правильный способ установки критических css для следующего js проекта и удаления ненужных CSS

Question

У меня есть следующая JS настройка проекта -> https://github.com/stefanre1/nextjs-setup

Мне интересно, как правильно удалить ненужные css из попутного ветра css и добавить критические css на каждую страницу.

Я пытался подписаться на некоторые блоги, чтобы добиться того же, но безуспешно.

Очевидно, я удалил то, что пытался, так как оно не работало. На данный момент хранится минимальный код в хранилище.

Любая помощь или предложения будут полезны.

Я пробовал решение из здесь , чтобы добавить к голове, но оно добавляет все CSS, как и ожидалось. Я попробовал этот один, а также

Answer 1

Вы должны попробовать Очистить CSS. Исходя из документов:

Очистка CSS анализирует ваш контент и ваши css файлы. Затем он сопоставляет селекторы, используемые в ваших файлах, с селекторами в ваших файлах контента. Он удаляет неиспользуемые селекторы из ваших css, в результате чего файлы css меньшего размера

В документах Tailwind есть целый раздел по этой проблеме здесь , подробно описывающий настройку очистки CSS и другие методы для уменьшения размера файла. Purify CSS также является другой альтернативой.

Редактировать: Я только что понял, что вы уже пробовали очистить CSS, возможно, вы допустили ошибку в своей конфигурации и должны попробовать выполнить настройку напрямую. из документов.