構造化とスタイリングGulp Sass出力

Question

こんにちは、gulp-sassの設定を変更して、閉じ括弧がその行にあるようにしますか？

現在のCSS出力：

body { 
    width: 100%; } 

私が欲しいもの：

body { 
    width: 100%; 
} 

ありがとう！

Answer 1

gulp-cssbeautifyは、sassコンパイラの後に使用できます。

gulp.task('sass', function() { 
    return gulp.src('./scss/*.css') 
     .pipe(sass().on('error', sass.logError)) 
     .pipe(cssbeautify()) 
     .pipe(gulp.dest('./css/')); 
} 

編集：それは私に見えますジョージH.答えはより効率的です、下を見てください。

Answer 2

必要なのは、このコードです：

gulp.task('sass', function(){ 
    return gulp.src('app/scss/styles.scss') 
    .pipe(sass({outputStyle: 'expanded'})) // Converts Sass to CSS with gulp-sass 
    .pipe(gulp.dest('app/css')) 
}); 

あなたは、出力の拡張スタイルをしたいことを明確にする必要があります。
different sass output styles

については、こちらをご覧ください。