13
15

More than 5 years have passed since last update.

gulp-sassのコンパイル後のcssをいつもの見た目にしたい

Posted at

(2015/10月時点の記事です)
ドキュメントを見ろという話ですが、書きます。
https://www.npmjs.com/package/gulp-sass

gulp-sassのコンパイル後の出力cssが
こんな感じになって気持ち悪かったです。

style.css
body {
  background: red;}

p {
  font-size: 10px;}

outputStyle(アプトプットスタイル)の変更で解決できました。
outputStyle: 'expanded'

gulpfile.js
gulp.task("sass", function() {
     gulp.src("sass/**/*scss")
    .pipe(sass({outputStyle: 'expanded'}))
    .pipe(gulp.dest("./css"));
});
style.css
body {
  background: red;
}

p {
  font-size: 10px;
}

はいすっきりです!

僕は最初に他のネットの記事の記述で適用されませんでした。
この記事も古くなるかもです。
だめな時は公式ドキュメント見てください
https://www.npmjs.com/package/gulp-sass

13
15
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
13
15