Как копировать в gulp библиотеки установленные через bower?

Question

[Рамиль]

Я стравлю через bower библиотеку fontawesome и мне нужно скопировать шрифты в другую папку. Как это делается в gulp ?

Answer 1

[Дмитрий Кравченко]

gulp-bower-assets

Answer 2

[Денис Инешин]

https://www.npmjs.com/package/gulp-copy

Comments

[Сергей Протько]

какой смысл в этом плагине? Он делает то же самое что можно добиться простым gulp.dest

Answer 3

[Сергей Протько]

https://www.npmjs.com/package/main-bower-files - и просто копируете.

Comments

[Святослав Хусамов]

Здравствуйте! А как быть с файлами, которые подключаются в CSS-файлах? Например шрифты, картинки из url() и пр. Они этим плагином не подхватываются.

[Сергей Протько]

Сухроб Хусамов: эти вещи обычно прописаны в main секции bower.json (посмотрите как это реализовано в bootstrap.js). Я таким образом просто копирую статику.

В целом можно приладить postcss что бы тот собирал асеты из файликов или что-нибудь в этом духе но как именно я пока не подскажу - надо гуглить.

[Святослав Хусамов]

Сергей Протько: В main-секции да, прописано. Правда не всегда есть такая секция вообще и даже не всегда файл такой есть. Но проблема в том, что допустим я их скопирую, но ведь остается проблема с путями, которые находятся уже в CSS-файле. Они будут неправильными. Их же нужно будет переделать. И еще проблема, есть вероятность совпадения имен файлов.

[Сергей Протько]

Сухроб Хусамов: main-bower-files позволяет переопределять это все дело.

А пути можно переделать через postcss например.

[Святослав Хусамов]

Сергей Протько: как раз сейчас пытаюсь понять как его запустить. Инструкция .pipe(postcss([postcssUrl({ url: "copy" })])) не помогла.