Как сделан отдельный CSS файл для каждой странице используя TailwindCSS?

Question

[rifat2125]

Здравствуйте!
Стоит задача внедрить TailwindCSS на нашем сайте. У меня на самом деле 2 вопроса:
1) Как понять стоит его использовать или нет?
2) Как сделать сборку такой, чтобы для каждой страницы создавался отдельный css файл? Текущая сборка у нас настроена таким образом, что у каждой страницы есть JS-файл, в котором импортируется стили страницы. Веб-пак обрабатывает и выдает отдельный JS и CSS. На странице остаются стили необходимые только этой странице.

Это в лучшем случае. По факту есть много дубляжа, неиспользуемого кода. Решили внедрить Tailwind и хотелось бы так же, для каждой страницы свой файл css, без лишних стилей.

Нашел пример, в котором на Tailwind разработчик сделал клоны приложений (Тык). У него как раз и создается для каждой страницы отдельный файл. Но я не понимаю как он сделал такой конфиг. Может под капотом конфиг Ларки что-то "творит"

Comments

[Антон Антон]

задача не так проста, как кажется

2) Как сделать сборку такой, чтобы для каждой страницы создавался отдельный css файл?

но ведь там получится, что много стилей прям переиспользутся. получается лишний трафик.
как понять, что условный flex или mt-2 надо в общий файл, а уникальные для страницы - в отдельные?
+ по файлу на каждое сочетание повторных стилей и страниц

[Михаил Р.]

Насколько я знаю, TailwindCSS самостоятельно не занимается вынесением css в отдельные файлы, а занимается эти как раз webpack и nextjs (как раз мой случай).

[rifat2125]

Михаил, вы смогли настроить таким образом?

[rifat2125]

Антон Антон, Да, согласен от файла к файлу будут повторы. Но в файле для страницы контакты, к примеру, не будет стилей от страницы каталога и наоборот.

Или такой подход неправильный?