Для начала, хотелось бы сказать, что я не могу предоставить готовую сборку Gulp из определенного видео, поскольку не могу видеть, какое именно видео вы имеете в виду. Однако, я могу подробно объяснить, как создать основные шаги для настройки сборки Gulp.
Gulp.js - это инструмент для автоматизации задач веб-разработки. Он позволяет выполнять такие задачи, как компиляция LESS/SASS файлов в CSS, сжатие и оптимизация изображений, сборка JavaScript-файлов и многое другое. Для создания сборки Gulp необходимо выполнить несколько шагов:
1. Установка Node.js: Gulp работает на Node.js, поэтому сначала вам нужно установить Node.js на свой компьютер. Перейдите на официальный сайт Node.js, загрузите и установите последнюю стабильную версию.
2. Создание package.json: После установки Node.js откройте командную строку или терминал и перейдите в каталог вашего проекта. Затем выполните команду npm init и следуйте инструкциям для создания package.json файла. В этом файле будут храниться метаданные о вашем проекте и его зависимостях.
3. Установка Gulp: После создания package.json выполните команду npm install gulp --save-dev, чтобы установить Gulp в вашем проекте. Флаг --save-dev указывает, что Gulp является зависимостью только для разработки, и она не будет входить в окончательную сборку проекта.
4. Создание файла gulpfile.js: Теперь вы можете создать главный файл с задачами Gulp. Создайте файл с именем gulpfile.js в корневом каталоге вашего проекта. В этом файле вы будете определять и настраивать ваши задачи с использованием Gulp API.
5. Настройка задач Gulp: В файле gulpfile.js вы можете импортировать необходимые пакеты и определить задачи Gulp. Например, для компиляции SASS файлов в CSS, вы можете использовать пакет gulp-sass:
const gulp = require('gulp');
const sass = require('gulp-sass');
gulp.task('sass', function() {
return gulp.src('src/scss/*.scss')
.pipe(sass())
.pipe(gulp.dest('dist/css'));
});
gulp.task('default', gulp.series('sass'));
Этот пример определяет задачу sass, которая берет все файлы с расширением .scss из каталога src/scss, компилирует их в CSS с помощью пакета gulp-sass и сохраняет результат в каталоге dist/css. Задача default запускает задачу sass по умолчанию при выполнении команды gulp без аргументов.
6. Запуск задач Gulp: После настройки задач Gulp, вы можете запустить их, выполнив команду gulp в командной строке или терминале. Gulp выполнит задачи в соответствии с вашими настройками.
Это лишь базовые шаги, чтобы настроить сборку Gulp. В зависимости от ваших потребностей и проекта, вы можете добавить дополнительные пакеты и настроить другие задачи для автоматизации различных процессов разработки веб-приложений.
Прошу прощения, что не могу предоставить готовую сборку из определенного видео, но я надеюсь, что эти шаги помогут вам начать работу с Gulp и создать собственную сборку согласно ваших нужд.