构造和样式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'))
});

您需要澄清您想要扩展输出样式。
在这里您可以找到有关 不同Sass输出样式的信息