gulp-less 如何设置全局变量

This topic created in 3887 days ago, the information mentioned may be changed or developed.

向各位请教个问题。
是这样的，我们工程用 less 来写样式，其中设置了一些变量，命令是这样的:

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

然后我们现在打算通过 gulpjs 来完成这部分工作，写好的部分代码如下：

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

请问我要怎么把 global var 传入 gulp-less 呢？请各位指教，谢谢~

5 replies 2015-09-26 11:34:06 +08:00

Pazzilivo

Sep 24, 2015

var argv = require('yargs').argv;
通过命令行的参数传进来
gulp less --env "dev" --version "10

youngdze

Sep 24, 2015

@Pazzilivo 非常棒的库！它确实是很有用的。
但我这里的 less global-var 是指在 less 里设置全局变量，然后 less 文件内可以调用变量 @ENV 和 @version
我具体问的是怎么在 gulp-less 内传这个全局变量给 less 文件。

liangqing

Sep 24, 2015

给 gulp 里面的 less 传一个参数：
```
gulp.task('less', function(){
return gulp.src('css/index.less')
.pipe(less({globalVars:{ENV:dev, version:10}}))
.pipe(gulp.dest('css'));
});
```

youngdze

Sep 24, 2015

@liangqing 完美解决，谢谢~~

skyshy

Sep 26, 2015

直接可以用 nodejs 的全局变量： `process.env.NODE_ENV || 'production' `