前提・実現したいこと
sassファイルの量が多くなり、コンパイルに多量の時間がかかっています。
差分のみをコンパイルできるように設定を変更したいです。
gulpファイル設定の経験がなく、何かアドバイスをもらえると助かります。
該当のソースコード
sass.js
1var gulp = require('gulp'); 2var gulpif = require('gulp-if'); 3var sass = require("gulp-sass"); 4var minify = require('gulp-minify-css'); 5var plumber = require('gulp-plumber'); 6var notify = require('gulp-notify'); 7var concat = require('gulp-concat'); 8var bourbon = require('node-bourbon'); 9var neat = require('node-neat'); 10var config = require('../config').sass; 11 12var cache = require('gulp-cached'); 13var progeny = require('gulp-progeny'); 14 15bourbon.with('./public/assets/stylesheets/', './gulp/assets/stylesheets/**/!(_)*.scss'); 16 17gulp.task("sass-pc", function() { 18 gulp.src(config.pc.src) 19 .pipe(plumber({ 20 errorHandler: notify.onError('Error: <%= error.message %>') // デスクトップに通知を出すよ 21 })) 22 .pipe(sass({ 23 includePaths: neat.includePaths 24 })) 25 //.pipe(concat(config.output)) 26 .pipe(gulpif(config.minify, minify())) 27 .pipe(gulp.dest(config.pc.dest)); 28}); 29 30gulp.task("sass-sp", function() { 31 gulp.src(config.sp.src) 32 .pipe(plumber({ 33 errorHandler: notify.onError('Error: <%= error.message %>') // デスクトップに通知を出すよ 34 })) 35 .pipe(sass({ 36 includePaths: neat.includePaths 37 })) 38 //.pipe(concat(config.output)) 39 .pipe(gulpif(config.minify, minify())) 40 .pipe(gulp.dest(config.sp.dest)); 41}); 42 43gulp.task("sass-theme", function() { 44 gulp.src(config.theme.src) 45 .pipe(plumber({ 46 errorHandler: notify.onError('Error: <%= error.message %>') // デスクトップに通知を出すよ 47 })) 48 .pipe(sass({ 49 includePaths: neat.includePaths 50 })) 51 //.pipe(concat(config.output)) 52 .pipe(gulpif(config.minify, minify())) 53 .pipe(gulp.dest(config.theme.dest)); 54}); 55 56gulp.task('sass', ['sass-pc', 'sass-sp', 'sass-theme']);
参考
gulpでCSSの差分ビルド
https://qiita.com/73cha/items/270e2dc33c63292dd184
検索して上記のリンクを見つけました。こちらを実行すれば、良いのでしょうか...
なにぶんわからないことばかりですいません...
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。