Описание тега gulp

Описание тега Вопросы с тегом

Gulp - это система сборки JavaScript, средство выполнения задач на основе Node.js, такое как Grunt. Gulp использует потоки и настройку кода поверх для более простого и интуитивно понятного процесса сборки.

Gulp - этосистема сборки javascript, запускающая задачи на основе node.js, например grunt. Это позволяет автоматизировать общие задачи в процессе разработки. Gulp используетконцепцию потоков и конфигурацию кода поверх для более простого и интуитивно понятного процесса сборки. Концепция кода поверх конфигурации позволяет создавать более читаемые и простые задачи, несмотря на грубые задачи, которые сильно перенастроены.

Установить

Сначала вам нужно установить gulp глобально:

npm install gulp -g

После этого вы должны добавить gulp в свой проект (файл package.json):

npm install --save-dev gulp

Затем вы должны создать файл с именем gulpfile.jsи определите в этом свои задачи. Любой допустимый код node.js можно использовать вgulpfile.js (например, определение функций, импорт дополнительных модулей и т. д.).

После того, как вы создали свои задачи, вы должны экспортировать их (как и в любом другом модуле). И затем вы можете запустить задачу, запустивgulp <task name>в терминале (в папке проекта). Бегgulp без указания запустит default задача, если присутствует (основная задача обычно называется default чтобы было удобнее)

пример

const gulp = require('gulp');
const less = require('gulp-less');
const autoprefix = require('gulp-autoprefixer');

gulp.task('css', () => {
   gulp.src('assets/app.less')
      .pipe(less())
      .pipe(autoprefix('last 2 version', 'ie 8', 'ie 9'))
      .pipe(gulp.dest('build'));
});

И чтобы запустить эту задачу, запустите это в терминале:

$ gulp css

Полезные ссылки

Связанные теги