gulp.spritesmith | Convert a set of images into a spritesheet and CSS | Frontend Framework library

I have the following task in a gulp tasks pipeline:

I am using es6 syntax in my angular JS project but it throws error when run gulp build, search over github and So but some saying this is error due to gulp uglify while some say this is babel issue and other say ng-annonate issue.

ubuntu 14.04

node -v : 8.4.0

npm -v : 5.3.0

babel --version : 6.26.0 (babel-core 6.26.0)

package.json

I'm using Gulp Spritesmith to generate a massive long sprite, to make a scrolling animation effect.

I'm following this tutorial. And in that tutorial there's this sass-function, that iterates through the images:

Every time I run my sprite task, I get the error EPERM: operation not permitted, mkdir 'C:\Users\images'. I'd like the image path to be relative.

I don't understand why the destination for my new spritesheet is pointing in my Users directory when the scss file saves correctly in its parent (src) folder. Also, the scss builds correctly and reads my png files in /sprites.

My folder structure: