css - CSS を縮小するための gulp-clean-css のタスクの出力が空のファイルになるのはなぜですか?

Question

gulp.taskとしてgulp -clean-cssを使用して CSS を縮小します。

私のファイル パスはcss/mehr.cssで、縮小された CSS のパスは css/ mehr.min.cssになります。

しかし、タスクを実行すると:

gulp minify_css_task

mehr.min.css が作成されましたが、空です!

出力:

[11:45:01] Using gulpfile ~/mehr/gulpfile.js
[11:45:01] Starting 'minify_css_task'...
Original size of mehr.css: 7192
Minified size of mehr.css: 0
[11:45:02] Finished 'minify_css_task' after 68 ms

私のgulpfile.jsは次のとおりです。

var cleanCSS = require('gulp-clean-css');

gulp.task('minify_css_task',[other_task], function() {
  return gulp.src('css/mehr.css')
    .pipe(cleanCSS({debug: true}, function(details) {
      compatibility: 'ie8';
      console.log('Original size of '+ details.name + ': ' + details.stats.originalSize);
      console.log('Minified size of '+ details.name + ': ' + details.stats.minifiedSize);
    }))
    .pipe(rename({
      suffix: '.min'
    }))
    .pipe(gulp.dest('css'))
    .pipe(browserSync.reload({
      stream: true
    }))
});

gulp-clean-css の最新バージョンを使用します。

npm view gulp-clean-css description dist-tags.latest version

出力:

description = 'Minify css with clean-css.'
dist-tags.latest = '3.9.0'
version = '3.9.0'

Answer 1

css の先頭に /* があり、それを閉じるのを忘れていました :))