Чтобы установить Gulp глобально, вы можете использовать следующие методы:
Метод 1: использование npm (диспетчера пакетов узлов)
Откройте терминал или командную строку и выполните следующую команду:
npm install -g gulp
Метод 2: использование Yarn
Если вы предпочитаете использовать Yarn, вы можете запустить следующую команду:
yarn global add gulp
Метод 3: использование npx
Если вы не хотите устанавливать Gulp глобально, вы можете использовать npx для запуска Gulp, не устанавливая его глобально. Выполните следующую команду:
npx gulp
После глобальной установки Gulp вы можете использовать его в своих проектах. Вот пример Gulpfile.js, который выполняет простую задачу объединения и минимизации CSS-файлов:
const gulp = require('gulp');
const concat = require('gulp-concat');
const cleanCSS = require('gulp-clean-css');
gulp.task('minify-css', function() {
return gulp.src('src/css/*.css')
.pipe(concat('bundle.css'))
.pipe(cleanCSS())
.pipe(gulp.dest('dist/css'));
});
gulp.task('default', gulp.series('minify-css'));
В этом примере мы определили задачу с именем «minify-css», которая берет файлы CSS из каталога «src/css», объединяет их в один файл с именем «bundle.css», минимизирует CSS и сохраняет результат в каталоге dist/css. Задача по умолчанию настроена на запуск задачи «minify-css».