🥤Gulp

Устанавливаем gulp-cli, gulp, gulp-less

npm install gulp-cli
npm install gulp
npm install gulp-less

Заполняем gulpfile.js

gulpfile.js
var gulp = require('gulp');
var less = require('gulp-less');

gulp.task('styles', function (cb){ // при запуске задачи npx gulp styles, компилируется все файлы с расширением .less в из папки public/less/, в .css в папку public/css/
    gulp.src('public/less/*.less').pipe(less()).pipe(gulp.dest('public/css'));
    cb();
});

gulp.task('bootstrap',function (cb){
    gulp.src('node_modules/bootstrap/dist/css/bootstrap.css').pipe(gulp.dest('public/css'));
    gulp.src('node_modules/bootstrap/dist/js/bootstrap.js').pipe(gulp.dest('public/js'));
    cb();
});

gulp.task('watch', function (cb){ // при запуске задачи npx gulp watch, следит за указаными файлами, (остановить можно командой control+Z) нельзя закрываать терминал с запущеным процессом, потому что его потом нельзя будет остановить
    gulp.watch('public/less/*.less',gulp.series('styles'));
    // можно добавить несколько gulp.watch
    cb();
});

gulp.task('build', // так можно сгруппировать задачи, npx gulp build запустит две задачи
    gulp.parallel(
        'styles',
        'bootstrap'
    )
);

Last updated