gulp-sass compact空行問題

前天用gulp-sass編譯sass：

outputStyle: 'compact'

1 gulp.task('sass', function() {
2   return gulp
3     .src('app/scss/**/*.scss') // Gets all files ending with .scss in app/scss and children dirs
4     .pipe(sass({ outputStyle: 'compact' }).on('error', sass.logError))
5     .pipe(gulp.dest('dist/css'))
6 })

可是獲得的css是空行顯示的（和官方結果不同，知道的碼友，歡迎留言解惑）

 

 解決辦法：

工具： sublime·

sublime打開你變異後的css文件，右鍵有個css format，裏邊的四個選項值均可以獲得你想要的

 

 

 

• compact 緊湊型（未斷開選擇器，有空格）

 

• compact(no spaces) 緊湊型（無空格）

 

 

• compact(break selector) 緊湊型（斷開選擇器）

 

 

 

 

• compact(break selector,no spaces) 緊湊型（斷開選擇器，無空格）

 

 

 

我也好奇gulp-sass的compact，沒有解釋，但老師也說關注源碼自己，編譯最終是要壓縮的。

=================================彩蛋部分

右鍵有個css format，裏邊的 Compressed ，能夠獲得下面的結果哦！！（好強大的sublime啊）