Как правильно сконфигурировать Gulp?

Question

[nurise]

Установил модули gulp, gulp-less в папку с проектом. *.less файлы в папке less, *.css - в css

// Gulp
var less = require('gulp-less');
var gulp = require('gulp');

gulp.task('less', function () {
  gulp.src('less/*.less')
    .pipe(less())
    .pipe(gulp.dest('css'));
});

В package.json прописал

"scripts": {
		"build": "npm run gulp-less"
	},

Вызываю npm run build
Файлы не компилируются.

Answer 1

[Константин Величко]

var gulp = require('gulp'),
    less = require('gulp-less'),
    gutil = require('gulp-util');

handleError = function(err) {
    gutil.log(err);
    gutil.beep();
};

gulp.task('less', function() {
    gulp.src('./less/*.less')
        .pipe(less())
        .on('error', handleError)
        .pipe(gulp.dest('./css'))
});

gulp.task("watch", function() {
    gulp.watch('less/**/*.less', ['less']);
});


gulp.task("build", ['less']);

gulp.task("default", ["build", "watch"]);

Нужно поставить gulp глобально
npm i gulp -g
потом поставьте все зависимости
npm init
npm i gulp gulp-less gulp-util --save-dev
запускается просто
gulp

Comments

[Gran Torino]

А как быстро поставить все зависимости перечисленные в package.json не знаешь?

[Константин Величко]

Gran Torino так же npm install или npm i

Answer 2

[Алексей Карунос]

gulp less