Как работать с tailwindcss как через postcss так и просто через html?

Question

[EvelynWaugh]

Привет, настроил gulp + tailwind + postcss. Значит в css файлах все нормально когда я использую классы tailwindcss (.rounded-lg, bg-white, flex и т.д.). Но в основной файл css не импортируются эти классы, и потому я не могу их использовать в html(php) (<div class="flex"></div>) не работает. У меня установлен postcss-import и в основном файле есть строки

@import "tailwindcss/base";
@import "tailwindcss/components";
@import "tailwindcss/utilities";

Но они загружают где-то 600 строк и всё.

Comments

[Дмитрий]

Простите, если вы используете postcss, зачем ват tailwind? За каждым классом, обычное свойство. Зачем он нужен? Не проще ли написать стили ручками, по БЭМ-у?
Если вы думаете что используя tailwind у вас css стили будут меньше занимать, то тут все не так однозначно! При этом, совершенно точно, HTML разрастется до небес! В попытках разгрести кучу из классов и уменьшить количество повторяющегося кода, вы начнете писать компоненты, рано или поздно, осознав что создали подобие bulma )

Answer 1

[Леонид Роженцев]

Используйте laravel mix при вёрстке. А что касается лишних строк - это подобие normalize, который включается по умолчанию. Но при использовании tailwindcss размер исходного файла не более 10Kb