gulp-cssmin：縮小されたCSSで相対URLを変更する方法

Question

私はgulpに新しく、gulp-cssminプラグインを使用してCSSファイルを縮小して助けてください。 私の単純なプロジェクト構造：

gulpfile.js 
    css/ 
    myCss.css 
    min/ 
     myCss.min.css 
    images/ 
    myImg.jpg 

私の目標は、フォルダcss/にCSSファイルmyCSS.cssを縮小化myCSS.min.cssに名前を変更し、css/min/をフォルダにコピーすることになりました。 これは期待どおりに動作しています。 は今、私は私のCSSファイル内の相対URLパスを使用していないよ：

background-image: url("../images/myImg.jpg"); 

css/min/をフォルダにファイルをコピーする場合、パスがもはや正しいです。私はURLをリベースする必要があります。 どうすればよいですか？私はtargetオプションを設定しようとしましたが、効果はありません。 マイgulpfile.js：

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

gulp.task('default', function() { 
    gulp.src('css/*.css') 
     .pipe(cssmin({ showLog: true, target: '../', keepBreaks: true })) 
     .pipe(rename({ suffix: '.min' })) 
     .pipe(gulp.dest('css/min')); 
}); 

Answer 1

はあなたが必要とする2 options：

• relativeTo：あなたの入力ファイルがあるフォルダ（すなわちcss/）
• target：あなたの出力ファイルがあるフォルダ書かれた（すなわちcss/min/）

これで終わる：

gulp.task('default', function() { 
    gulp.src('css/*.css') 
    .pipe(cssmin({ 
     showLog: true, 
     relativeTo: 'css/', 
     target: 'css/min/', 
     keepBreaks: true 
    })) 
    .pipe(rename({ suffix: '.min' })) 
    .pipe(gulp.dest('css/min')); 
});