Как уменьшить размер Tailwind CSS в production?

Question

Accepted Answer

## Главный механизм

**Tree-shaking / purge (content scanning)**: в бандл попадают только классы, найденные в шаблонах.

```js
// tailwind.config.js
module.exports = {
  content: ["./index.html", "./src/**/*.{js,ts,jsx,tsx}"],
};
```

Дополнительно: не держите огромный safelist без нужды; динамические имена классов собирайте так, чтобы сканер их видел (`bg-${color}` часто **ломает** purge); минификация CSS в сборке; отключайте dev-плагины в prod.

JIT и так генерирует мало; главный риск — неправильный `content` или safelist «на всякий случай».

## Итог

Настройте `content`, избегайте динамической конкатенации имён, минифицируйте. Тогда prod-CSS Tailwind остаётся компактным.