Foundation6關閉SASS編譯時自動縮小

Question

我是Foundation和Sass的初學者。我慢慢理解它是如何工作的。工作流程似乎很棒，但這是我的「問題」。

當我的SCSS編譯完成後，只要保存我的.scss文件，我的CSS就會縮小。

我試圖關閉Gulp任務，但它沒有做任何事情。

var gulp = require('gulp'); 
var $ = require('gulp-load-plugins')(); 

var sassPaths = [ 
    'bower_components/normalize.scss/sass', 
    'bower_components/foundation-sites/scss', 
    'bower_components/motion-ui/src' 
]; 

gulp.task('sass', function() { 
    return gulp.src('scss/*.scss') 
    .pipe($.sass({ 
     includePaths: sassPaths, 
//  outputStyle: 'compressed' 
    }) 
     .on('error', $.sass.logError)) 
    .pipe($.autoprefixer({ 
     browsers: ['last 2 versions', 'ie >= 9'] 
    })) 
    .pipe(gulp.dest('css')); 
}); 

gulp.task('default', ['sass'], function() { 
    gulp.watch(['scss/**/*.scss'], ['sass']); 
}); 

任何想法？

Answer 1

從看你的任務，他們不應該是任何縮小你的CSS的一部分。一對夫婦的事情，你可以嘗試：

1）儘量outputStyle: 'expanded'

2）嘗試編譯你的青菜不包括任何的涼亭SASS文件，作爲其中的一個可能已經過壓縮（儘管可能性不大）。甚至只需手動檢查。

3），最後嘗試此配置：

var gulp = require('gulp'); 
var $ = require('gulp-load-plugins')(); 

var sassPaths = [ 
    'bower_components/normalize.scss/sass', 
    'bower_components/foundation-sites/scss', 
    'bower_components/motion-ui/src', 
    'scss/*.scss' 
]; 

gulp.task('sass', function() { 
    return gulp.src(sassPaths) 
    .pipe($.sass({ 
     outputStyle: 'expanded' 
    }) 
     .on('error', $.sass.logError)) 
    .pipe($.autoprefixer({ 
     browsers: ['last 2 versions', 'ie >= 9'] 
    })) 
    .pipe(gulp.dest('css')); 
}); 

gulp.task('default', ['sass'], function() { 
    gulp.watch(['scss/**/*.scss'], ['sass']); 
});