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ファイルのいずれかを含むせずにSASSをコンパイルしてみます。あるいは、それらを手動でチェックするだけでも可能です。

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

：

3）または、最終的にはこの設定を試してみてください