Как организовать правильные названия svg спрайтов в gulp?

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14

const gulp = require('gulp');
const svgSprite = require('gulp-svg-sprite');

gulp.task('sprite', function () {
  return gulp.src('path/to/svg/files/*.svg')
    .pipe(svgSprite({
      mode: {
        symbol: {
          sprite: 'sprite.svg'
        }
      }
    }))
    .pipe(gulp.dest('path/to/output/folder'));
});

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30

const gulp = require('gulp');
const svgSprite = require('gulp-svg-sprite');

gulp.task('sprite', function () {
  return gulp.src('path/to/svg/files/*.svg')
    .pipe(svgSprite({
      mode: {
        symbol: {
          sprite: 'sprite.svg',
          svg: {
            transform: [
              {
                svgo: {
                  plugins: [
                    { prefixIds: true }
                  ]
                }
              },
              {
                cleanupIDs: {
                  prefix: 'icon-'
                }
              }
            ]
          }
        }
      }
    }))
    .pipe(gulp.dest('path/to/output/folder'));
});