css - gulp を使用して単一ファイル内の文字列を置換する

Question

単一のタスクを使用して、sass から css ファイルを生成し、コメントを削除し、ソース マップを作成して縮小します。theme.components-md.scss ファイルの文字列を置き換えようとしています。

これが私の試みです：

var gulp = require('gulp'),
    sass = require('gulp-ruby-sass'),
    sourceMaps = require('gulp-sourcemaps'),
    minifyCss = require('gulp-minify-css'),
    replace = require('gulp-replace'),
    filter = require('gulp-filter');

gulp.task('vendor:css', function() {
    var themeComponentsFilter = filter('theme.components-md.scss');
    return sass('resources/assets/sass/')
        .pipe(stripComments({
            safe: false
        }))
        .pipe(themeComponentsFilter)
        .pipe(replace(/..\/img\//g, '../../img/vendor/'))
        .pipe(themeComponentsFilter.restore())
        .pipe(sourceMaps.init())
        .pipe(minifyCss())
        .pipe(sourceMaps.write('/', {
            sourceMappingURLPrefix: 'http://core.dev/css/vendor'
        }))
        .pipe(gulp.dest('public/css/vendor'));
});

しかし、それは機能していません。