Search code examples
gulpgulp-less

gulp-less set global var


I use lessc to compile my file in command line before, and it contains couple options like this:

lessc --global-var=ENV=dev --global-var=version=10 --no-color $FileName$

Now I want to use gulp-less to compile it, but how can I pass my options to it?

Below is part of my codes:

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

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

Solution

  • I have found the way to solve it, just set globalVars inside less() like:

    gulp.task('less', function(){
      return gulp.src(['css/*.less', 'css/*/*.less'], {base: 'css/'})
        .pipe(less({
          globalVars:{
            ENV: "dev",
            version: 10
          }
        }))
        .pipe(gulp.dest('css'));
    });