title: How to change gulp svg sprites code to work with gulp svg sprite
body: <p>I wanted to follow this technique  <a href="https://www.liquidlight.co.uk/blog/article/creating-svg-sprites-using-gulp-and-sass/" rel="nofollow">https://www.liquidlight.co.uk/blog/article/creating-svg-sprites-using-gulp-and-sass/</a> but when I tried to use gulp-svg-sprites I had problem with installation  on Win 7. So I used svg-sprite but then I got</p>
  
  <p>"However I got events.js:72 thro er; // UInhandled error event. ArgumentError: SVGSpriter.compile: "{}" is not a valid mode configuraiton." </p>
  
  <p>I guess I should change these lines below for gulp-svg-sprite. Does anyone can tell me what I should change?</p>
  
  <pre><code>  return gulp.src(paths.sprite.src)
      .pipe(svgo())
      .pipe(svgSprites({
          cssFile: paths.sprite.css,
          preview: false,
          layout: 'diagonal',
          padding: 5,
          svg: {
              sprite: paths.sprite.svg
          },
          templates: {
              css: require("fs").readFileSync(paths.templates.src + 'sprite-template.scss', "utf-8")
          }
      }))
      .pipe(gulp.dest(basePaths.dest));
  </code></pre>