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
Post a Comment