How to properly set up and set the path to the images in the sprite?

Question

Pug

I use this build which is based on Gulp, Jade and Stylus.
In Gulp watch it is written that the pictures are collected in sprites

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

What really happens and the sprite is generated in the folder dist/sprites/ I
prescribe the path to the image
background-image url(/images/sprites/sprites.png)
As a result, the image is not displayed, and Firebug shows such a path to the image.
Cannot GET /assets/styles/bg-page.png
Although in the development folder I put the image in the sprites folder

Answer 1

Otherwise, you prescribe the gulp.spritesmith plugin generates, in addition to the sprite itself, also stylys mixins in which the offset is already specified.
This is the template https://github.com/CSSSR/spritesmith-stylus-retina... the
finished stylus file is placed in app/sprites
So call them