Почему не выводятся SVG иконки из спрайта при продакшене?

Добрый день.
Есть task SVG спрайтов и он отлично работает , но при сборке проекта на продашн иконки не выводятся
gulp.task('Scleansprite', function() {
  return del.sync('app/img/sprite/sprite.svg');
});
gulp.task('svg-spritemade', function() {
  return gulp.src('app/img/icons/svg/**/*.svg')
  .pipe(svgmin({
    js2svg: {
      pretty: true
    }
  }))
  .pipe(cheerio({
    run: function ($) {
      $('[fill]').removeAttr('fill');
      $('[stroke]').removeAttr('stroke');
      $('[style]').removeAttr('style');
    },
    parserOptions: {xmlMode: true}
  }))
  .pipe(replace('>', '>'))
  .pipe(svgSprite({
    mode: {
      symbol: {
        sprite: "../sprite.svg",
        render: {
          sass: {
            dest:'../../../sass/_sprite.sass',
            template: "app/sass/_sprite_template.sass"
          }
        }
      }
    }
  }))
  .pipe(gulp.dest('app/img/sprite/'));
});
gulp.task('svg-sprite', ['Scleansprite', 'svg-spritemade']);

gulp.task('build', ['removedist', 'svg-sprite', 'imagemin', 'sass', 'js'], function() {

  var buildFiles = gulp.src([
    'app/*.html',
  ]).pipe(gulp.dest('dist'));

  var buildAccess = gulp.src([
    '.htaccess',
  ]).pipe(gulp.dest('dist'));

  var buildCss = gulp.src([
    'app/css/main.min.css',
  ]).pipe(gulp.dest('dist/css'));

  var buildJs = gulp.src([
    'app/js/scripts.min.js',
  ]).pipe(gulp.dest('dist/js'));

  var buildSprite = gulp.src([
    'app/img/sprite/sprite.svg',
  ]).pipe(gulp.dest('dist/img/sprite/'));
});

Никак не могу понять в чем дело
  • Вопрос задан
  • 720 просмотров
Решения вопроса 1
svetley
@svetley
Амбициозный лентяй)
Посмотри скомпилированный спрайт, они часто криво собираются, если в какой-то svg-шке исходной есть ошибка.
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы