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

Popular posts from this blog

Java 3D LWJGL collision -

spring - SubProtocolWebSocketHandler - No handlers -

methods - python can't use function in submodule -