2.2 KiB
2.2 KiB
frontend-assembly
Эта папка отвечает за сборку всех фронтенд-зависимостей проекта HYPN0. Каждый подкаталог — отдельный инструмент, который собирается в готовый бандл/статик.
Что здесь лежит
tailwind/ — сборка Tailwind CSS v3.4
tailwind/
├── package.json # Зависимости: tailwindcss@3.4, postcss, autoprefixer
├── package-lock.json # Фиксация версий
└── build-tailwind.sh # ← запускается из корня проекта
Что делает:
build-tailwind.shсоздаёт временные файлы (tailwind.config.js,postcss.config.js,input.css), запускаетnpm ci+npm run build, собираетpublic/static/css/tailwind.min.css, затем удаляет временные файлы.- Результат:
public/static/css/tailwind.min.css— минифицированный CSS со всеми используемыми утилитами + кастомные стили изhypn0/templates/css/tailwind-custom.css.
htmx/ — сборка htmx
htmx/
├── package.json
└── package-lock.json
alpine/ — сборка Alpine.js
alpine/
├── package.json
└── package-lock.json
Как запускать сборки
Из корня проекта:
# Tailwind CSS
bash scripts/build-tailwind.sh
# htmx
bash scripts/build-htmx.sh
# Alpine.js
bash scripts/build-alpine.sh
Каждый скрипт сам делает всё:
- проверяет наличие
npm; - создаёт временные файлы;
- устанавливает зависимости через
npm ci; - запускает
npm run build; - кладёт готовый бандл в
public/static/...; - удаляет временные файлы.
В рабочем дереве не остаётся мусора от сборки.
Кодовая статика
В будущем — возможно, сборка CodeMirror 6 для админки Django.