V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
youngdze
V2EX  ›  Node.js

gulp-less 如何设置全局变量

  •  
  •   youngdze · 2015-09-24 11:12:40 +08:00 · 6363 次点击
    这是一个创建于 3341 天前的主题,其中的信息可能已经有所发展或是发生改变。

    向各位请教个问题。
    是这样的,我们工程用 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
        1
    Pazzilivo  
       2015-09-24 11:31:59 +08:00
    var argv = require('yargs').argv;
    通过命令行的参数传进来
    gulp less --env "dev" --version "10
    youngdze
        2
    youngdze  
    OP
       2015-09-24 12:14:14 +08:00
    @Pazzilivo 非常棒的库!它确实是很有用的。
    但我这里的 less global-var 是指在 less 里设置全局变量,然后 less 文件内可以调用变量 @ENV 和 @version
    我具体问的是怎么在 gulp-less 内传这个全局变量给 less 文件。
    liangqing
        3
    liangqing  
       2015-09-24 12:26:26 +08:00   ❤️ 1
    给 gulp 里面的 less 传一个参数:
    ```
    gulp.task('less', function(){
    return gulp.src('css/index.less')
    .pipe(less({globalVars:{ENV:dev, version:10}}))
    .pipe(gulp.dest('css'));
    });
    ```
    youngdze
        4
    youngdze  
    OP
       2015-09-24 14:42:18 +08:00
    @liangqing 完美解决,谢谢~~
    skyshy
        5
    skyshy  
       2015-09-26 11:34:06 +08:00
    直接可以用 nodejs 的全局变量: `process.env.NODE_ENV || 'production' `
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   2845 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 24ms · UTC 13:00 · PVG 21:00 · LAX 05:00 · JFK 08:00
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.