TGViewer
HTML Academy HTML Academy @htmlacademy · 9.56K subscribers
Post #8711 1.12K
Каждый раз вручную сжимать изображения, минифицировать CSS и собирать спрайт — это звучит как рабочий процесс только до тех пор, пока файлов немного. Когда проект вырастает, рутина начинает занимать заметную часть времени.

Автоматизация передаёт эти задачи компьютеру. Минификация HTML, CSS и JavaScript, сжатие изображений, генерация WebP, сборка sprite.svg — всё это делается один раз в конфигурации, а дальше запускается одной командой.

Основа цепочки — Node.js и npm. Npm устанавливает нужные пакеты из внешних библиотек и запускает задачи через консоль. Список зависимостей хранится в package.json: достаточно положить файл в папку проекта и выполнить npm install — все инструменты скачаются автоматически. Сами задачи прописываются в gulpfile.js, который Gulp выполняет по команде.

В статье разбор каждого звена цепочки с примерами package.json и объяснением, что такое зависимости и зависимости для разработчиков. #npm

☝️ Читать статью
  • ❤ 5
  • 👍 3
  • ❤‍🔥 2
More from @htmlacademy
  1. Sep 25, 2026Скругления в неожиданных местах Скругления хороши в углах блоков, а в других местах они пр…
  2. Sep 25, 2026👍 С 25 по 27 сентября условия покупки курса или профессии предлагаете вы. Мы назвали это…
  3. Sep 18, 2026CSS shape() — фича больших надежд CSS начал вырастать из коротких штанишек квадратного веб…
  4. Sep 17, 2026🔴 Вместе с OKTTA запускаем совместную программу обучения фронтенд-разработчиков Нужна ли…
  5. Sep 16, 2026Завтра спросим у работодателя, что джун должен уметь без нейросети Эфир с руководителем ст…
  6. Sep 15, 202617 сентября в 12:00 (MSK) — прямой эфир с руководителем студии OKTTA. Студия сама делает д…
Threads Profile ViewerView any public Threads profile without an account.Open ThreadLook →Writing with AI? Make it sound human.Metric37 rewrites AI drafts so they read naturally. Free AI detector, 1,500 words free.Try Metric37 →