sass - Gulp Sass 输出的结构和样式

Question

您好，有没有办法更改 gulp-sass 设置，以便右括号位于自己的行上？

当前 CSS 输出:

body {
  width: 100%; }

我想要什么:

body {
  width: 100%;
}

谢谢!

Answer 1

您只需要这段代码:

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的信息