gulp-clean-cssが特定のディレクトリで動作していませんか？

Question

私のgulpビルドシステムでgulp-clean-cssを使用していますが、clean-cssはファイルを小型化していません。コピー先のディレクトリを他のものに変更すると、ファイルが正常に動作し、サイズが縮小されます。コピー先ディレクトリ "build/css /"。ここで

は私のコードです：

gulp.src ("css/*.css") 
.pipe (cleancss ({ level: 2 })) 
.pipe (gulp.dest ("build/css")); 

は、コードの作業が、間違ったディレクトリに：cleancssのコマンドラインバージョンで

gulp.src ("css/*.css") 
.pipe (cleancss ({ level: 2 })) 
.pipe (gulp.dest ("build/csss")); 

：

cleancss css/game.css -o build/css/game.css 

それはなしで正常に動作します問題。

Answer 1

私は問題を把握しました。私が使用していた別のタスクでは、私は持ってはならないときに、gulp.dest ("build/css")にパイプするようにcsslintに話しました。その後、cleancssはそのファイルを上書きしようとしましたが、できませんでした。

csslintが配管していた行をbuild/cssに単に削除するだけで問題がすべて解決されました。

Answer 2

これは、既存の（元の）CSSファイルを書き直そうとするcleancssのようです。おそらく、オリジナルのCSSファイルは変更がブロックされており、元の* .cssファイルを削除しないようにしています。

だから、2つのオプションがあります：

1. 変更先のフォルダを、それが競合を解決することができます。
2. 消去したCSSファイルの名前を変更し、同じフォルダに入れます。

清掃したファイルを元のフォルダに保存することが重要な場合は、清掃したファイルの名前を変更します。また、すべてのCSSファイルをクリーニングする前に連結することをお勧めします。これにより、ページの読み込みに時間を節約できます。

gulp.src("css/*.css") 
.pipe(cleancss ({ level: 2 })) 
.pipe(concat('styles.css')) 
.pipe(rename('styles.min.css')) 
.pipe(gulp.dest ("build/csss")); 

必要なモジュールをインストールしないでください。

var concat = require('gulp-concat'); 
var rename = require('gulp-rename');