Gulp 14: Интеграция Gulp и Webpack

preview_player
Показать описание
Рекомендации по теме
Комментарии
Автор

Один из лучших курсов по gulp что я видел! Огромное спасибо за ваш труд и подробное объяснение!!!

alexeysavkin
Автор

Отличный скринкаст по Gulp! Большое вам спасибо!

VincentUA
Автор

Спасибо за уроки, Илья. Вы изменили мое представление о Gulp )

EvgenyMakarov
Автор

Вот бы еще по angular 2 скринкаст от Вас посмотреть)

fatamorgana
Автор

На 10том скринкасте кончились силы :D . Илья, очень крутой, лайк подписка!

mirajana
Автор

Сказать, что Ваши уроки замечательные - значит не сказать ничего. Благодарю Вас за объяснения, приводящие к глубокому пониманию!
Я обнаружил, что похоже `gulpWebpack` что-то делает с объектом `file` (Вы разбирали этот объект в уроке "Потоке Vinyl-FS").
Если я в таске вывожу в консоль `file.dirname` без `webpackStream`, то пишет `dirname: C:\MyIDE\projects\testProject\development\admin\js`, но стоит добавить `.pipe(webpackStream(options))`, как вывод в консоль становится В тасках `jade` и `sass`, где я прописал выборку файлов по аналогичной схеме, такого не было...

glebbokov
Автор

Спасибо за видео!
Мы на продакшине юзаем вот такой стэк > Webpack, BrowserSync, Gulp.

youAmera
Автор

Илья привет! Подскажи пожалуйста, а то уже почти сутки сижу и не могу понять как подружить gulp + wabpack + react? Пересмотрел все твои видосы по ним, но не могу понять, иногда при старте проекта все компилируется и запускает, а иногда `Uncaught Invariant Violation: There is no registered component for the tag div` или `Uncaught SyntaxError: Unexpected token import`

Badziro
Автор

Добрый вечер. Не могли бы вы оставить маленький список видео или статей, в которых вы до этого рассказывали про настройку gulp и webpack. Будет такой маленький Guide. Огромное спасибо за вашу работу :-)

eugenegalitsky
Автор

Мда, сложновато, конечно, в наше время собирать проект. Webpack это, конечно, здорово, но в реальной жизни сеньоры боятся его использовать, потому что их подчинённые будут убивать кучу времени, чтобы просто настроить сборку. Да ещё и сделают огромный неподдерживаемый файл сборщика. Казалось бы, написал один раз и не трогаешь. Ан нет, появляются новые требования от заказчика, приходится влезать, добавлять функций.

Мне нравятся модули ES6. Можно ли как-нибудь использовать их без вебпака, средствами Gulp?

Disorrder
Автор

Спасибо!! метод processOutput у плагина AssetsPlugin - мой пул очень порадовало)))

А вообще по теме, не очень понятно где заканчивается webpack и начинается gulp, ведь тот же css webpack сам может собирать. Хотя мы столкнулись с проблемой, когда css и изображений очень много и webpack подвисает на 10 минут. Думаем сейчас над оптимизацией, и возможно галп в этом смысле будем выходом из ситуации.

alexanderafonin
Автор

подскажите почему gulp при сборке кирилицу собирает кракозябрами?

okrfefv
Автор

Не подскажет ли кто какое-то средство для удаления не использованного кода JS именно при оптимизации разработанного сайта? Хотя бы как-то работающее) Часто бывает, что есть не мало библиотек, в каждой много не нужного кода. Или же лучше все эти библиотеки грузить с офф.сайтов и не заморачиваться?

mrwjlcs
Автор

почему при указании строки .pipe(webpackStream(options, null, done)
в поток попадают файлы бабеля?
типо такого

[16:40:08] info Hash: e0ec25a0ebe56df81e73
Version: webpack 1.13.2
Time: 631ms
Asset Size Chunks Chunk Names
application.js 157 kB 0, 1 [emitted] application
common.js 8.62 kB 1 [emitted] common
chunk {0} application.js (application) 51.8 kB {1} [rendered]
[0] multi application 28 bytes {0} [built]
[1] ./js/application.js 659 bytes {0} [built] [1 warning]
[2] ./js/application/core.js 1.63 kB {0} [built]
[3] 208 bytes {0} [built]
[4] 904 bytes {0} [built]
[5] 103 bytes {0} [built]
[6] 213 bytes {0} [built]
[7] 214 bytes {0} [built]
[8] 2.31 kB {0} [built]

CeoRoman
Автор

актуальной осталась только концепция, уже все пообновлялось стопятсот раз

Romul
Автор

а есть где то код готовый этого скрин-каста?

soundnimation
Автор

Илья, а почему для решения проблемы с webpack watch не сделать просто:
gulp.task('webpack', function (callback) {
return gulp.src('bla/bla/**/*.js')
.pipe(plumber())

.pipe(gulp.dest('build/js'))
.on('data', function () {
callback();
})
});

Ведь получается то же самое, зачем нам определять кастомную функцию done()? Какие профиты от этого в данном случае?

ponteley
Автор

На 25 секунде пропадает картинка.
Не критично, конечно, но не хорошо)

Ilyastore