質問: gulp.watch('./css/sass/*.scss', ['sass']); watcher.on('change', function(event) { console.log('File ' + event.path + ' was ' + event.type + ', running tasks...'); }); }); // gulpのデフォルト動作としてsass-watchを実行 gulp.task('default', ['sass-watch']); //ベンダープレフィックス付与タスクの実行 gulp.task('sass', function () { return gulp.src('./css/sass/test.scss') .pipe(sass().on('error', sass.logError))//コンパイル時にエラーがでても止めない。 .pipe(autoprefixer({ //autoprefixerの実行 browsers: ['last 2 version', 'iOS >= 8.1', 'Android >= 4.4'],//メインブラウザの最新2バージョン、iOS 8.1以上、Android Browser 4.4以上という指定 cascade: false })) .pipe(gulp.dest('./css/')); }); ``` しかし、 ``` .pipe(sass({outputStyle: 'expanded'}))//出力をデフォルトからexpandedに変更。 ``` の部分がうまくいっていないみたいで、sassファイルコンパイル後のcssファイルがデフォルトのままで見づらいです。原因がわかる方いらっしゃいますでしょうか? 以上です。 よろしくお願いいたします。
回答: sourcemapを設定しましょう。 * gulp-sass - GitHub * Source MapでSass/Compassを簡単にCSSをデバッグする