構造和造型Gulp Sass輸出

Question

嗨有沒有辦法改變gulp-sass的設置，使得右括號在它自己的線上？

電流輸出CSS：

body { 
    width: 100%; } 

我想要什麼：

body { 
    width: 100%; 
} 

謝謝！

Answer 1

您可以在sass編譯器之後使用gulp-cssbeautify。

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

的信息。