gulpタスクを使用してCSSファイルのURLを変更してください

Question

こんにちは、私はfonts.cssファイルの元のURLを変更するためにgulpタスクを作成しています。 フラクタル（スタイルガイド）を作成したら、別のパスを指すようにURLを変更する必要があります。

ファイル内の現在のURL

が、私は私の一気のタスクはファイル fonts.css

に見て、ここurl(./font.ttf);

に見えるように、すべてのURLを置き換えたいこのurl('/assets/fonts/font.ttf');

のように見えるが、タスクであります

var config = require('../config'); 
if (!config.tasks.js) return; 

var gulp = require('gulp'); 
var replace = require('gulp-replace'); 

var fontURL = function() { 
    return gulp.src('../site/fractal/components/preview/fonts.css') 
    .pipe(replace('url("/assets/fonts/', 'url("./')) 
} 

gulp.task('font:url', ['fractal'], fontURL); 
module.exports = fontURL 

私はこのタスクをフラクタル：buこれは、誰かがそのコマンドを実行してスタイルガイドを起動すると、多くのパス/ URLを変更する必要がなく動的に処理されるようになります。しかし、この作業は機能しません。私が欲しいものを達成する別の方法はありますか？

fonts.cssファイルのsnippitと私は変更したいすべてのCSSのURLの例（より多くのがあります）

@font-face { 
    font-family: 'Overpass'; 
    font-style: normal; 
    font-weight: 400; 
    src: local('Overpass Regular'), local('Overpass-Regular'), url('/assets/fonts/overpass-bold-webfont.eot'); 
    src: local('Overpass Regular'), local('Overpass-Regular'), url('/assets/fonts/overpass-regular-webfont.eot?#iefix') format('embedded-opentype'), 
     local('Overpass Regular'), local('Overpass-Regular'), url('/assets/fonts/overpass-regular-webfont.woff2') format('woff2'), 
     local('Overpass Regular'), local('Overpass-Regular'), url('/assets/fonts/overpass-regular-webfont.woff') format('woff'), 
     local('Overpass Regular'), local('Overpass-Regular'), url('/assets/fonts/overpass-regular-webfont.ttf') format('truetype'), 
     local('Overpass Regular'), local('Overpass-Regular'), url('/assets/fonts/overpass-regular-webfont.svg#overpass') format('svg'); 
} 

Answer 1

クイックの質問：あなたはいくつかの点で変更されたファイルを保存しますか？あなたのfontURL（）にはgulp.destはありません。

また、私がすることは、この

.pipe(replace('url("/assets/fonts/', 'url("./')) 

変更を簡素化します：

.pipe(replace('/assets/fonts/', './'))