mightymind Nov 4 2015 at 18:25

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

2 min

24K

Comments 27

k12th Nov 4 2015 at 18:34

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

Eternalko Nov 4 2015 at 19:31

webpack systemjs browserify requirejs в доп.

k12th Nov 4 2015 at 20:53

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

dixoNich Nov 4 2015 at 21:08

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

-1

k12th Nov 4 2015 at 21:21

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

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

-1

dixoNich Nov 4 2015 at 21:24

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

k12th Nov 4 2015 at 21:32

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

k12th Nov 4 2015 at 21:37

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

dixoNich Nov 4 2015 at 22:36

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

k12th Nov 4 2015 at 22:41

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

Eternalko Nov 5 2015 at 06:23

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

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

k12th Nov 5 2015 at 11:46

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

Eternalko Nov 5 2015 at 13:55

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

k12th Nov 5 2015 at 13:58

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

Eternalko Nov 5 2015 at 14:35

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

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

k12th Nov 5 2015 at 14:58

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

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

dixoNich Nov 5 2015 at 15:48

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

k12th Nov 5 2015 at 15:50

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

lucky_libora Nov 4 2015 at 19:16

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

vitstr Nov 5 2015 at 09:36

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

Paul_Smith Nov 5 2015 at 17:38

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

//= partials/client_profile.html

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

mightymind Nov 5 2015 at 17:54

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

voidnugget Nov 5 2015 at 19:08

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

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

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

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

mightymind Nov 5 2015 at 19:22

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

bo883 Nov 5 2015 at 22:21

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

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

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

…

Grammka Nov 5 2015 at 23:11

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

DmitryTitov Sep 25 2018 at 22:10

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

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

Show the best of all time