Как правильно настроить и прописать путь к изображениям в спрайте?

Question

[ayapergenov]

Использую эту сборку которая замешана на основе Gulp, Jade и Stylus.
В Gulp watch прописано, что картинки собираются в спрайты

watch('app/sprites/**/*.png', () => gulp.start('sprites'));

Что действительно происходит и спрайт генерится в папку dist/sprites/
Прописываю путь к изображению
background-image url(/images/sprites/sprites.png)
В итоге изображение не выводится, а Firebug показывает такой путь к изображению.
Cannot GET /assets/styles/bg-page.png
Хотя в папке разработки я помещал изображение в папку sprites

Answer 1

[Константин Величко]

Не то прописываете плагин gulp.spritesmith генерирует кроме самого спрайта еще и stylys миксины в которых уже указанно смещение.
Это шблон https://github.com/CSSSR/spritesmith-stylus-retina...
готовый stylus файл кладется в app/sprites
Вот их и вызывайте