Na wstępie powiem że Gulp nie jest moją mocną stroną i ciągle się uczę jak to stosować i jak ułatwić sobie pracę.
Dlatego zwracam się do osób które są biegłe w temacie. Otóż mam projekt w którym jest sporo ikonek svg do użycia. By zmniejszyć ilość zapytań postanowiłem użyć sprite. Moim zdaniem najłatwiejszy sposób.
Dlatego też zrobiłem takie zadania gulp:
Kod:
var gulp = require('gulp'),
svgSprite = require('gulp-svg-sprite');
var config = {
dest: '.',
mode: {
css: {
dest : '.',
sprite : 'sprite.svg',
render: {
css : {dest : 'css/sprite.css'},
scss: {
dest : './sass/_sprite.scss'
}
}
}
}
};
gulp.task('svg', function () {
return gulp.src('./img/*.svg')
.pipe(svgSprite(config))
.pipe(gulp.dest('./temp/'))
});
Z tego co zrozumiałem z dokumentacji pliksprite.svg powinien się zapisać jako sprite.svg a tym czasem zapisuje się jako sprite-<znaki>.svg
Czy jest ktoś w stanie mi powiedzieć jaki błąd popełniłem? Czy może czegoś nie zrozumiałem z dokumentacji.
na koniec oczywiście
"gulp": "^3.9.1",
"gulp-svg-sprite": "^1.5.0"
Z góry dzięki za podpowiedź