Can Gulp change LESS variables? -


i'm looking toggle ie8 mode in less files , automated file generation in gulp.

this stopped in pass gulp-less (minus bunch of stuff):

var ie = true;  var lessconfig  =  {         plugins: [ ... ],         paths: lesspath,         ie8compat: ie,  //may toggle         // set in variables.less, @ie:false; - used in mixin & css guards         // many variations tried         // globalvars: [ { "ie":ie } ],          modifyvars:{ "ie":ie }     };  ...  .pipe( less ( lessconfig ) ) 

is variable modification not supported in gulp?

i'd avoid using gulp-modify et al if can. i'd keep build system abstracted source files.

modifyvars working me now:

    ...      var lessconfig = {         paths: paths.lessimportpaths,         plugins: [             lessgroupmediaqueries,             lessautoprefix         ],         modifyvars: {             ie: 'false'         }     };      var lessconfigie = {         paths: paths.lessimportpaths,         modifyvars: {             ie: 'true'         }     };      function processless (src, ie, dest){        return gulp.src(src)          .pipe( $.if( ie, $.less( lessconfigie ), $.less( lessconfig ) ) )          .pipe( $.if( ie, $.rename(function(path) { path.basename += "-ie"; }) ) )          .pipe( gulp.dest(dest) )     }      // build base.css files     gulp.task('base', function() {          return  processless( paths.base + '/*.less', false, paths.dest );     });       // build base-ie.css files ie      gulp.task('baseie', function() {          return  processless( paths.base + '/*.less', true, paths.dest );      }); 

Comments

Popular posts from this blog

c# - Validate object ID from GET to POST -

node.js - Custom Model Validator SailsJS -

php - Find a regex to take part of Email -