Gruntjs dr-svg-sprites custom Css background-image URL in output -

Gruntjs dr-svg-sprites custom Css background-image URL in output -

i've opened dr-svg-sprites github ticket regarding question:

i'm using grunt , dr-svg-sprites generate svg (and png) sprites css output.

currently css output file contains image paths relative css file:

.no-svg .sprite-main-image-01, .no-svg .sprite-main-image-02 { background-image: url("../img/sprites/main-sprite.png"); } .svg .sprite-main-image-01, .svg .sprite-main-image-02 { background-image: url("../img/sprites/main-sprite.svg"); }

i want alter them root relative paths (or hardcoded paths cdn setups).

.no-svg .sprite-main-image-01, .no-svg .sprite-main-image-02 { background-image: url("/themes/main/img/sprites/main-sprite.png"); } .svg .sprite-main-image-01, .svg .sprite-main-image-02 { background-image: url("/themes/main/img/sprites/main-sprite.svg"); }

this because our backend code minifies, bundles , serves css different url above relative path doesn't resolve properly.

i've tried fiddling custom grunt handlebar template:

background-image: url("{{url ../svgpath ../csspath}}");

but can't seem alter url helper nor two arguments. when changing 2 argument somehow generates filesystem path.

css gruntjs sprite