Использую такой
task
для обработки изображений. По сути
imagemin
должен сжимать
svg
файлы, но в итоге получается, что он просто удаляет содержимое.
До обработки:
![5b5dcaac5c80d416179757.jpeg](https://habrastorage.org/webt/5b/5d/ca/5b5dcaac5c80d416179757.jpeg)
После обработки:
![5b5dcaba28f22060332889.jpeg](https://habrastorage.org/webt/5b/5d/ca/5b5dcaba28f22060332889.jpeg)
gulp.task('build:img', function() {
gulp.src(path.src.img)
.pipe(imagemin({
progressive: true,
svgoPlugins: [{
removeViewBox: false
}],
use: [pngquant()],
interlaced: true
}))
.pipe(gulp.dest(path.build.img))
.pipe(browserSync.reload({
stream: true
}))
})
На всякий случай прикрепляю содержимое
svg
файла:
<svg style="display: none;" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<symbol id='movie-clapper' viewBox="0 0 277.446 277.446">
<path d="M59.488,117.299c-0.504-4.237-2.007-8.171-4.273-11.556l202.992-67.776L247.552,6.051
c-1.549-4.638-6.566-7.141-11.201-5.594L15.54,74.182c-4.635,1.547-7.143,6.563-5.594,11.201l5.225,15.647
c-5.216,4.843-8.488,11.752-8.488,19.415c0,9.924,5.486,18.586,13.582,23.127v125.02c0,4.891,3.967,8.853,8.854,8.853h232.793
c4.885,0,8.852-3.963,8.852-8.853V117.299H59.488z M188.869,26.724l26.875-8.973l-6.467,26.14l-26.875,8.973L188.869,26.724z
M122.47,48.893l26.877-8.973l-6.467,26.139l-26.875,8.974L122.47,48.893z M33.181,133.946c-7.442,0-13.498-6.056-13.498-13.5
c0-7.444,6.056-13.5,13.498-13.5c7.444,0,13.5,6.056,13.5,13.5C46.681,127.89,40.625,133.946,33.181,133.946z M56.074,71.062
l26.877-8.973l-6.467,26.14l-26.877,8.974L56.074,71.062z M82.476,147.192H54.142l14.412-22.746h28.334L82.476,147.192z
M138.554,124.446h28.334l-14.412,22.746h-28.334L138.554,124.446z M131.599,234.372v-60l47.783,30L131.599,234.372z
M222.476,147.192h-28.334l14.412-22.746h28.334L222.476,147.192z"/>
</symbol>
<symbol id='laptop' viewBox="0 0 92.821 92.821">
<g>
<g>
<path d="M77.45,65.06V52.924h-4.452v9.702c0,1.517-1.242,2.756-2.756,2.756H15.106
c-1.514,0-2.756-1.238-2.756-2.756V29.554c0-1.521,1.242-2.759,2.756-2.759H46.65v-2.827H11.066c-1.739,0-3.167,1.417-3.167,3.16
v18.971V65.06v3.16L0,77.704c0,2.62,2.122,4.746,4.738,4.746h75.868c2.616,0,4.738-2.126,4.738-4.746l-7.899-9.484v-3.16H77.45z
M49.002,80.864H36.354c-0.44,0-0.791-0.351-0.791-0.791s0.351-0.791,0.791-0.791h12.644c0.433,0,0.791,0.351,0.791,0.791
C49.782,80.513,49.435,80.864,49.002,80.864z M29.644,77.704l2.412-2.895h21.237l2.412,2.895
C55.705,77.704,29.644,77.704,29.644,77.704z"/>
<g>
<rect x="37.485" y="47.287" width="6.603" height="6.596"/>
<rect x="41.622" y="38.219" width="6.599" height="6.603"/>
<rect x="48.114" y="46.5" width="6.599" height="6.599"/>
<rect x="53.361" y="35.534" width="7.831" height="7.831"/>
<rect x="64.437" y="11.531" width="7.831" height="7.831"/>
<rect x="50.229" y="25.693" width="7.831" height="7.831"/>
<rect x="62.537" y="22.343" width="11.184" height="11.184"/>
<rect x="70.89" y="35.824" width="13.528" height="13.532"/>
<rect x="76.011" y="10.372" width="16.81" height="16.81"/>
<rect x="60.518" y="44.263" width="7.831" height="7.831"/>
</g>
</g>
</g>
</symbol>
<symbol id='next' viewBox="0 0 240.823 240.823">
<path id="Chevron_Right_1_" d="M183.189,111.816L74.892,3.555c-4.752-4.74-12.451-4.74-17.215,0c-4.752,4.74-4.752,12.439,0,17.179
l99.707,99.671l-99.695,99.671c-4.752,4.74-4.752,12.439,0,17.191c4.752,4.74,12.463,4.74,17.215,0l108.297-108.261
C187.881,124.315,187.881,116.495,183.189,111.816z"/>
</symbol>
</svg>