@devaide

Почему не открываются картинки из svg спрайта с первого раза?

Здравствуйте! столкнулся вот с какой проблемой:
какая то чехарда с плагином gulp-svg-sprite, картинки из спрайта не отображается пока не перейдешь и не откроешь в браузере какую нибудь картинку из этого спрайта, при этом файлы которые сделаны через настройку shape: { dest: "intermediate-svg"} ведут себя так же.

Еще раз как это не работает:
Переходим на страницу: sedona.u0718915.isp.regruhosting.ru - видим что в шапке не отображается svg картинка (welcome) вставленная через background css.
Идем по адресу: sedona.u0718915.isp.regruhosting.ru/img/svg/sprite...
и видим что картинка открывается, далее, !в этой же вкладке! убираем часть пути и оставляем sedona.u0718915.isp.regruhosting.ru - и переходим, и .. видим что все работает ( картинка welcome) появилась!
Что это может быть?
п.с. такое поведение замечено только при работе через css или тег img, через тег svg открывается сразу.
Спасибо всем откликнувшимся!
-

код таска svg:

let svgSprite = require('gulp-svg-sprite'),
    svgmin = require('gulp-svgmin'),
    cheerio = require('gulp-cheerio'),
    replace = require('gulp-replace'),
    browsersync = require('browser-sync'),
    debug = require('gulp-debug'),

    svgPath = {
        "input": "./source/pictures/svg/*.svg",
        "output": "./public/img/svg/"
    };

module.exports = function () {
    $.gulp.task('svg', () => {
        return $.gulp.src(svgPath.input)
            .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({
                inline: true,
              shape: {
                dest: "intermediate-svg"
            },
            mode: {
                stack: {
                    sprite: "../sprite.svg"
                }
            }
            }))
            .pipe($.gulp.dest(svgPath.output))
            .pipe(debug({
              "title": "Sprites"
          }))
            .on("end", browsersync.reload);
   });
};
  • Вопрос задан
  • 58 просмотров
Пригласить эксперта
Ответы на вопрос 1
@devaide Автор вопроса
Решено. Дело в самих svg файлах. Вопрос закрыт
Ответ написан
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
Flatstack Казань
от 60 000 до 90 000 руб.
ИБЦ Иркутск
от 60 000 руб.
InSoLead Москва
от 35 000 до 60 000 руб.
11 нояб. 2019, в 22:43
20000 руб./за проект
11 нояб. 2019, в 22:25
50000 руб./за проект