В VSCode открываем наш проект. 1. Запускаем терминал и вводим: npm init -y И в корневой папке у нас появился файл package.json - основа для установки зависимостей. 2. Устанавливаем Gulp и плагины - необходимы для компиляции SCSS, минификации CSS/JS, оптимизации изображений и live-reload. Вводим в терминале: npm install --save-dev gulp gulp-sass sass gulp-clean-css gulp-autoprefixer gulp-sourcemaps gulp-uglify gulp-concat gulp-imagemin browser-sync del После установки в структуре проекта появился файл package-lock...

Webpack и Gulp — популярные сборщики модулей на JavaScript. Каждый инструмент имеет свои преимущества и недостатки. Возникает вопрос, какой сборщик лучше использовать.   Банально, но универсального ответа нет. Дело в том, что оба инструмента выполняют разные функции. Вы можете использовать и Webpack, и Gulp, но чтобы делать это корректно, нужно в первую очередь определиться с тем, какую задачу вам нужно решить. Для наглядности приведём пример из жизни. Вам нужно забить гвоздь. Это можно сделать любым подручным средством, но лучше взять более правильный инструмент — молоток. Так и в JavaScript — инструментов много, но использовать надо подходящий...