gulp 如何自定义sass压缩输出样式

注意这里使用gulp3，gulp最新版本为gulp4

在创建gulp转译监听sass的任务中

gulp.task('sass', function () {

    return gulp.src(['src/sass/*.*', '!src/sass/mixin.*'])

        .pipe(sass({

            outputStyle: 'compact'

          }))

        .pipe(gulp.dest('src/css/'))

        .pipe(livereload())

        .pipe(connect.reload());

})

 

增加 outputStyle: 'compact'

 

outputStyle 属性是选择sass压缩输出样式，后面选择sass的四种输出样式即可