Для начала создадим файл package.json. Для этого введём в терминале команду npm init (заранее нужно установить Node.js). Затем установим webpack командой npm i webpack --save-dev. Все пакеты для разработки можно разделить на два типа: те, что нужны в финальной сборке, этот код загрузится к клиенту на компьютер, и те, что нужны при разработке проекта. В файле package.json есть разделы: dependencies и devDependencies. Они разделяют пакеты. В dependencies указываем пакеты для финальной сборки, в devDependencies — пакеты для разработки...

Пока мы настраивали конфиги Webpack, появился Vite и показал: можно работать быстрее. Мгновенный старт, горячая перезагрузка без тормозов, минимум настроек. Но означает ли это смерть Webpack? Разбираем плюсы и минусы каждого подхода. Привет, друзья! Я – Кирилл Мыльников, frontend-разработчик в ГК Юзтех. Сегодня мы разберем два популярных инструмента для сборки фронтенд-проектов – Vite и Webpack. Оба помогают разработчикам упростить работу, но используют принципиально разные подходы. Vite делает ставку на мгновенную скорость разработки благодаря native ESM и минимальным настройкам...