Как объединить все классы (стили) Tailwind в один?

Question

[Дмитрий]

Всем привет! Собственно сабж!
Допустим, есть такая разметка:

<div class="bg-red-600 border border-solid border-gray-900 p-4">
    <span class="text-sm font-bold leading-snug">Привет!!!</span>
</div>

Превратить в:

<div class="c0235636">
    <span class="c0335686">Привет!!!</span>
</div>

Где имена классов c0235636 и c0335686 только для примера, дабы отразить суть желаемого, на деле, можно любые.
Как это можно сделать?

Answer 1

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

https://tailwindcss.com/docs/reusing-styles#extrac...

Comments

[Дмитрий]

Неее, не то! Разметка уже есть, отдельно извлекать классы - смерти подобно! Нужна автоматизация, скорее всего, с PostCSS...

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

Дмитрий, не нужна. итоговый css будет меньше при атомарных классах

Answer 2

[Дмитрий Кузнецов]

А чем вам способ в документации не нравится?

.c0235636 {
   @apply bg-red-600 border border-solid border-gray-900 p-4;
}
.c0335686 {
   @apply text-sm font-bold leading-snug;
}

Или вам нужны динамические названия классов?

Comments

[Дмитрий]

Неее, не то! Разметка уже есть, отдельно извлекать классы - смерти подобно! Нужна автоматизация, скорее всего, с PostCSS...

Или вам нужны динамические названия классов?

Так точно!!!