OccamaRazor
@OccamaRazor

Запутался с gulp-svg, как настроить?

Беру файлы из img svg при обработке они попадают в img sprite

Структура:
├── assets                        
│    └── stylus                   
├── built                             
│    ├── css                        
│    ├── fonts                          
│    ├── img  
│          ├── sprite                    
│          └──    svg


Gulp:
gulp.task('svg', function () {
    gulp.src('built/img/svg/menu/*.svg')
        .pipe(plumber())
        .pipe(svgMin())
        .pipe(svgSprite({
            "shape": {
                "spacing": {
                    "padding": 5,
                },
            },
            "mode": {
                "css": {
                    "dest": '.',
                    "layout": "diagonal",
                    "sprite": 'sprite.svg', 
                    "bust": false,
                    "prefix" : '$',
                    "dimensions": true,
                    "render": {
                        "styl": {
                            "dest": 'sprite-svg.styl',
                        }
                    }
                }
            }
        }))
        .pipe(plumber.stop())
        .pipe(gulpIf('*.styl', gulp.dest(assets/stylus), gulp.dest(assets/img/sprite)));
});


В консоли выводится ошибка, css ищет и не находит, получается что пути не совпадают, так как готовый css в built и ищет в этой же подпапке 'css', как сделать чтобы был один действующий путь?
localhost:8080/built/css/sprite.svg 404 (Not Found)
  • Вопрос задан
  • 204 просмотра
Пригласить эксперта
Ваш ответ на вопрос

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

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