Не сильно разбираюсь в процессе сборки с помощь gulp и вот пришлось работать с фронтендерами и что-то за ними изменять, а фронтендеры как раз собирают верстку gulp и как водится вообще ничего о нём не знаю - спрашивать бесполезно.
Но возникакает небольшая проблема - когда я собираю верстку задачей build, то при сборке шрифтов, шрифты *.woff попадают не в dist/fonts/, а в dist/ переименовываются в fonts\\*
Т.е. gulp.dest на линуксе выворачивает последний разделитель на изнанку меня его на "\"
Но только для *.woff. *.woff2 собираются и ппоадают в dist/fonts/.
Вот код таски:
export const ttfToWoff = () => {
console.log(`${app.path.build.fonts}`);
return app.gulp.src(`${app.path.srcFolder}/fonts/*.ttf`, {})
.pipe(app.plugins.plumber(
app.plugins.notify.onError({
title: "FONTS",
message: "Error: <%= error.message %>"
})
))
.pipe(fonter({
formats: ['woff'],
}))
.pipe(app.gulp.dest(`${app.path.build.fonts}`))
.pipe(app.gulp.src(`${app.path.srcFolder}/fonts/*.ttf`))
.pipe(ttf2woff2())
.pipe(app.gulp.dest(`${app.path.build.fonts}`));
}
При этом в app.path.build.fonts путь с человеческими разделиятми. app.path.build выглядит так:
{
js: './dist/js/',
css: './dist/css/',
html: './dist/',
images: './dist/img/',
fonts: './dist/fonts/',
files: './dist/files/'
}
С картинками, стилями, js все ровно... а вот со шрифтами такая засада.