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']); 
});