質問: require('gulp-sass'); // sassをコンパイル gulp.task('sass', function(done){ gulp.src('src/scss/*.scss') .pipe(sass()) .pipe(gulp.dest('src/css')); done(); }); //CSS圧縮 gulp.task('minify-css', function(done) { return gulp.src("src/css/*.css") .pipe(minifycss()) .pipe(gulp.dest('dist/css/')); done(); }); gulp.task('default', gulp.series('sass', 'minify-css'), function(done) { done(); }); ``` ### 試したこと gulpfile.jsファイルに上記コードを記述し、ターミナルでgulpコマンドを実行しました。 sassのコンパイルはできたのですが、その後、cssの圧縮時にコンパイル後のcssは圧縮されずcssフォルダの他のcssファイルのみ圧縮されました。 cssの圧縮時にsassのコンパイルが終わっておらず、cssの圧縮の対象に入っていないのかなと思うのですが、sassのコンパイルを待ってcssの圧縮をする方法はあるのでしょうか? ### 補足情報(FW/ツールのバージョンなど) gulp: 4.0.2 gulp-minify-css: 1.2.4 gulp-sass: 4.0.2
回答: 私はSassコンパイルの時点で圧縮かけてしまっています。 ``` gulp.src('./sass/*.scss') //対象のディレクトリ .pipe(sass({outputStyle: 'compressed'})) //ビルドスタイルの指定 .pipe(concat('common.css')) // ファイル連結 .pipe(gulp.dest('./css')); //ビルド先の指定 ```