Настраиваем Tailwind.css в Hugo проекте

Вот инструкция: Установить Tailwind.css CLI >= 4.0 Настроить hugo_stats Импортировать Tailwind в css Подключить css через css.TailwindCSS Настроить Tailwind (необязательно) … Профит! 1. Ставим CLI У Tailwind есть пакет с CLI в NPM. Запустите npm init, если в проекте ещё нет ноды. npm install --save-dev tailwindcss @tailwindcss/cli Чтобы не тянуть node.js, есть standalone бинарник. 2. Настраиваем статсу Tailwind пересобирает стили под сайт. Это нужно, чтобы не тащить ненужные классы. Ещё Tailwind генерирует новые классы. Например, если вы написали some-utility-[420px], в Tailwind из коробки нет такого класса. Поэтому для сборки нужна статистика: что используется на сайте. ...

May 18, 2025 · 2 min · 343 words · Dmitry S.