javascript - How to improve Gulp task performance with gulp-sass plugin? -
i have sass file long loop (generate 800 lines of css) compiles 25 seconds. it's long.
how can minimize compile time?
thanks!
this how compile sass using gulp-sass , takes 800ms or less. sure use node version, not ruby gulp-ruby-sass? ruby slower node.js.
the loop may problem, sure using each or for, never while. generated big grid system more less 200 selectors , fast. try task config below:
var sass = require('gulp-sass'); var sourcemaps = require('gulp-sourcemaps'); var autoprefixer = require('gulp-autoprefixer'); var gulpif = require('gulp-if'); var minify = require('gulp-minify-css'); var argv = require('yargs').argv; var cache = require('gulp-cached'); // values console flags. var = { dev: argv.develop, prod: argv.production }; // gulpfile config. var config = { sass: { src: './src/**/*.scss', dest: 'src/', maps: '/' } }; gulp.task('sass', function () { return gulp.src(config.sass.src) .pipe(cache('sass')) .pipe(gulpif(is.dev, sourcemaps.init())) .pipe(autoprefixer()) .pipe(gulpif(is.prod, minify())) .pipe(gulpif(is.dev, sourcemaps.write(config.sass.maps))) .pipe(gulp.dest(config.sass.dest)); });
Comments
Post a Comment