Плагин для gulp — собираем файлы по кусочкам

[k12th]

А что было не взять готовый шаблонизатор, который уже умеет это все и еще чуть-чуть? Для CSS полно прекрасных препроцессоров, для JS — browserify/systemjs.
Всегда искренне поражают люди, которые могут, например, за полдня набросать плагин к гальпу, но не знают, что задача уже решена.

[Eternalko]

webpack systemjs browserify requirejs в доп.

[k12th]

При всей моей любви к RequireJS — SystemJS умеет все то же самое (подгрузка без сборки + AMD + сборка + плагины для транспиляции) плюс CommonJS и ES6 — и тоже на лету. Про вебпак ничего не могу сказать, но киллер-фич не вижу.

[dixoNich]

hot module replacement — не киллер фича?
а то, что всё (стили, изображения и тд) — это тоже модули? и их так же можно подключать, заменять и так далее

[k12th]

Для меня лично вау-фактор — да, но не киллер-фича. И вот почему:

1) Только для react
2) живая перегрузка стилей без обновления страницы есть давно
3) зачем вообще это нужно? Мелкие проблемы отсеиваются еще на стадии юнит-тестов, крупные решаются дебагом: бряк, вотчи, пошаговое выполнение, медитации, вот это всё.

[dixoNich]

Чего? Только для react? У нас проект на angular и всё это работает.

[k12th]

Ну предположим. Оффсайт как-то невнятно раскрывает эту тему, а сторонники обычно примерно той же степени адекватности, что и метеорщики и кроме восторженных воплей типа «оно собирает все мои скрипты и стили» ничего извлечь нельзя.

[k12th]

И что? Картинки вообще меняются полтора раза за жизнь проекта. Ливрелоад для стилей есть давно.

[dixoNich]

Суть вебпака в том, что всё — модуль. Это и есть киллер-фича.

[k12th]

Ну, предположим, красивая концепция. А в практическом плане это что дает? Кроме лив-релоада картинок.
В галпе вот все — это поток. Потоки можно трансформировать налету, не записывая на диск, это дает прирость в скорости при сложных, многоступенчатых операциях.

[Eternalko]

То что он весь проект разбивает на чанки и подгужает по надобности.

В моих сумасшедших проектах если все собрать разом то будет так мегабайт 30.
А так пока в админку не войдешь, то библиотеки для графиков не подгузятся. Условно говоря.

[k12th]

В 30 мегов верится с трудом, но подгрузка чанками хорошая вещь, согласен. Но вопли о «модулях» и о их горячей замене как-то не раскрывают этот вопрос.

[Eternalko]

Вопли у вас в голове. С вами же нормально разговаривают. Зачем вы человека обижаете?

[k12th]

Внятное объяснение, чем хороши модули, я услышал только от вас. До тех пор мне пытались продать либо то, что давно есть, либо то, что не нужно.
А вот эту реплику я не могу назвать нормальным разговором.

[Eternalko]

В любом случае. Давайте оставим вопросы адекватности на стороне. Давайте жить дружно. Никто тут никому ничего не продает.

Каждому нужно что-то свое. Сложно на глаз определить что кому подойдет.

[k12th]

Давайте жить дружно.

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

[dixoNich]

Извините, если это было резко. Просто я неадекватный.

[k12th]

Я тоже бывают резким, простите, если что.

[lucky_libora]

Я просто оставлю это здесь:
http://jade-lang.com/
https://github.com/phated/gulp-jade

[vitstr]

Jade, nunjuks, handlebars с экстендами + пару плагинов исключительно для инклуда есть в npm :)

[Paul_Smith]

Почему-то, он не может работать с файлами .html

//= partials/client_profile.html

Вот прямо сейчас у меня в проекте с rigger, всё работает, вы о чем?

[mightymind]

Не сработает так:
//= partials/.html

[voidnugget]

Автору вряд ли удастся получить одобрение, без понимания почему нужно возвращать поток с задачи

gulp.task('default', function () {
    [return] gulp.src('src/*.html')
        .pipe(pagebuilder('src'))
        .pipe(gulp.dest('build/'));
});

Уже раз пятый об этом пишу…

Надо было сначала спросить на тостере, а то выглядит очень нелепо.
Что бы получить правильный ответ — нужно задать правильный вопрос.
Хотите чему-то научится или разобраться — зачем об это статьи писать?

[mightymind]

Спасибо, поправил

[bo883]

Можно воспользоваться таже модулем — gulp-x-includer
Вот так вставлять куски html кода, также он может работать с css и js

<!-- include "./partials/_header.html" -->

<div class="b-wrapper ">
    <!-- include "./partials/header.html" -->

…

[Grammka]

вот извращение… все решается одним jade'ом =/

[DmitryTitov]

Недавно встала задача сверстать сайт не просто быстро, а очень быстро. Поэтому был изучен необходимый минимум и написан собственный плагин для gulp.

— это, конечно, сильно)) Я тоже собирался недавно в дальнюю поездку и встал вопрос выбора автомобиля. Покопавшись немного в существующих моделях, я понял, что все они мне не подходят. Поэтому был изучен необходимый минимум и сконструирован свой собственный автомобиль)))