gulp-less 如何设置全局变量

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

这是一个创建于 3338 天前的主题，其中的信息可能已经有所发展或是发生改变。

向各位请教个问题。
是这样的，我们工程用 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 条回复 • 2015-09-26 11:34:06 +08:00

Pazzilivo

2015-09-24 11:31:59 +08:00

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

youngdze

2015-09-24 12:14:14 +08:00

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

liangqing

2015-09-24 12:26:26 +08:00

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

youngdze

2015-09-24 14:42:18 +08:00

@liangqing 完美解决，谢谢~~

skyshy

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

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