gulp-less 设置全局变量

Question

我之前使用lessc在命令行中编译我的文件，它包含如下几个选项：

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

现在我想使用gulp-less来编译它，但是我怎样才能将我的选项传递给它呢？

以下是我的部分代码：

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'));
});

Answer 1

我已经找到解决方法了，只需在less()中设置globalVars，如：

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

gulp-less 设置全局变量

gulp-less set global var

gulp

gulp-less