

例えば以下のように `a/css/a.css`, `b/css/b.css` があったとき、これらをまとめて `css/x.css` を作りたいとします。

[code]

    a/css/a.css -- url(../image/A.png) の参照あり
    a/image/A.png
    b/css/b.css -- url(../image/A.png) の参照あり
    b/image/A.png
    
[/code]

gulp-concat で単純に連結すると、 url() の参照先が無効になります。gulp でまとめた時に url()
の参照を有効に保つにはどうしたらよいでしょうか？


CC BY-SA 3.0
2015-02-24T06:28:24.973
7013
2015-02-24T12:49:30.407
455
question
gulp
url() 指定のある css を gulp で1つにまとめるには？


まさにそのような処理を行うのに特化したgulpプラグイン、[gulp-css-rebase-
urls](https://www.npmjs.com/package/gulp-css-rebase-urls)があります。いかがですか？

(試したわけではないので求める動作を満たさなかったらすみません......)


CC BY-SA 3.0
2015-02-24T12:49:30.407
7034
2015-02-24T12:49:30.407
2376
7013
answer