GULP плагины, плагин gulp-useref?

Question

[altertable]

gulp-useref — парсит специфичные блоки и конкатенирует описанные в них стили и скрипты
что значит, парсит специфичные блоки ?

Comments

[altertable]

ОТВЕТ - В данном блоке у нас подключаемые css файлы которые будут объединены в один combined.css

ДРУГОЙ ВОПРОС - что если я для этого использую gulp-concat?

Answer 1

[Виталий Першин]

Судя по документации это ресурсы заключенные между build и endbuild:

<!-- build:css css/combined.css -->
    <link href="css/one.css" rel="stylesheet">
    <link href="css/two.css" rel="stylesheet">
    <!-- endbuild -->

В данном блоке у нас подключаемые css файлы которые будут объединены в один combined.css

Comments

[altertable]

а что если я для этого использую gulp-concat

[Виталий Першин]

Виктор Рябко, Тут другой подход, тут сборка идет внутри html. То есть в таск передается html файл и на выходе блок build заменяет содержимое на указанный css например combined.css, а в concat вы файлы объединяете независимо от html

[altertable]

Виталий, т.е будет вместо линков

<!-- build:css css/combined.css -->
    <link href="css/one.css" rel="stylesheet">
    <link href="css/two.css" rel="stylesheet">
<!-- endbuild -->

будет так :

<style>
       стили one.css
       и two.css
</style>

[Виталий Першин]

Виктор Рябко, нет, будет один линк
<link href="css/combined.css" rel="stylesheet">

[altertable]

Виталий, так что лучше испльзовать concat или useref?

[Виталий Першин]

Виктор Рябко, Зависит от ситуации или что больше нравится, я не пользовался gulp-useref все выводы сделал из документации, но скорее всего попробую в ближайшее время.

[altertable]

Виталий, посоветуйте, какие-нибудь полезные плагины ?

[Виталий Першин]

Виктор Рябко, Я не особо заморачиваюсь с галпом, если что-то надо ищу и использую. uglify cssnano, сейчас начал использовать postcss