gulpfile.js

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

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

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

"We watch for any less file but only compile app.less. This is because with LESS you would likely @import whatever other files you need. This strategy will not work for JavaScript (but we’ll cover that later)."