Gulp и webpack - как и зачем подружить системы сборки проекта

[@bobpps]

Огромнейшее спасибо, Дмитрий! Вы как всегда на высоте!

[@shurinskiy]

Дима, как всегда умница. Плотность полезной информации - зашкаливает

[@TakemuraGoro]

Эх, такое бы видео 4 года назад мне! Спасибо, нужное дело.

[@vitalii4126]

а исходники можно где то глянуть ?

[@SergiuBurduja-y1l]

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

[@maxSamolet]

Дима, спасибо большое! Всегда очень полезно и интересно смотреть.

[@тонистарк-д3ь]

Спасибо за видео

[@AwakeStuff]

1:20:20 - core-js (полифилы) 1:28:51 - source-map для webpack 1:30:47 - gulp-if

[@николайкраснов-р3о]

Скажите товарищи для сайта много страничного на чем лучше верстать?

[@hq-web]

Дмитрий, в видео вы говорите что если выбирать между Реакт и Вью то вы выберите Вью, скажите спустя 4 года Ваше мнение не изменилось? так же для Вас более предпочтителен Вью? спасибо.

[@jeqtos9643]

У кого выходит ошибка: "Cannot find module 'babel-preset-env' from "../корень проекта", нужно поменять "presets" с ["env"] на ["@babel/env"] в .babelrc

[@dmitriymovchan6563]

Где исходники?

[@UserSo4reUsu75ry]

а как в webpack проекте с БЭМ структурой подключать svg ? если в 20 компонентах иконки используются как background то будет 20 запросов в браузере. Если каждую инлайнить, то разметка загрязняется. Как делать ?

[@g0ld3nsecr3t6]

Спасибо

[@КостянЕрмаков-е9ю]

Димка, давай хотя бы 1080? Мылится картинка.

[@Drezerak]

У меня, Галп, ругается на импорты и не даёт файлы Вебпаку... import {foo} from "./foo"; ^^^^^^ SyntaxError: Cannot use import statement outside a module

[@вебвеб-л7у]

Добрый вечер, а browserify в галпе чем плох в отличие от вебпака?

[@Independent19c]

Что то я не въехал вебпак (а в данном случае вебпакстрим, собирает Файлы , и минифицирует…казалось бы вопросы отпали, но как мне сделать так что бы Файлы складывались не в один а с тем же именем что и исходники, здесь я столкнулся фактически с неразрешимой задачей Уже начал копаться в чистом nodejs,(копать в сторону fs)как получить имена файлов в папке, но после нашёл решение хоть и не до конца есть пакет галпа vinyl-named вроде так, и там можно получить имена файлов но пытаясь задать , в блоке вебпака , точку выхода(он не понимает чего от него хотят) И хотелось бы сделать так: 1)берет файлы, оставляя имена, а не генерируя хеш и собирает в папку (до подключении вебпака все так и было) 2)берет эти файлы и собирает в один 3)и этот файл уже идёт в итоговую сборку P.S а возможно ли запустить и vue js и react ? Насколько я понял некоторые переменные и функции у них конфликтуют, потому что пытаясь вывести в разных блоках по отдельности но подключая одновременно, выдавалась ошибка, и при отключении одного, всё происходило отлично… Ещё нескромный вопрос галп люблю и ненавижу, по причине того, что когда что то обновляется перестаёт работать, будь то нпм пакеты или же сам галп(когда обновился 4 добавив "удобства", жопа у меня горела знатно, когда не один проект не мог собраться.Может можно запретить обновления пакетов?или же они сами ставятся насколько я знаю внутренние пакеты (npm )обновляются командой ncu …

[@mechanic_3453]

Стоит ли начинающим разбираться в сборщиках? Может сперва вообще надо получить понимание что собирать ?

[@ИловМакс]

Естественно сначала без сборщиков несколько проектов сделай руками

[@slimboyfilinski7098]

Без котиков,а все равно интересно)

[@vladi4507]

Есть смысл включать в сборку вебпак если работаю только с jquery и плагинами? или проще топорно вытаскивать в gulp?

[@SergioWahaWaher]

нет, если в двух словах: webpack нужен, когда нужны импорты/экспорты (разделения кода) и комфортное использование бабеля (современные фичи js в старых браузерах)

[@tarashrunyk9491]

Мене влаштовує як ви пояснюєте ✌️

[@grantorino3465]

мне не понравилось, что из-за webpacka мы выгружаем все в один итоговый бандл, не всегда это нужно, иногда нужно полностью повторять структуру src каталога, переганяя ES6->ES5

[@alex_vav]

Дмитрий, ты смотрел Parcel ? говорят интересней webpack. но если вы хороши в webpack то оставайтесь на нем .. но по бенчмарку Parcel очень интересен !

[@Gelen794]

Кто знает, можно поподробней. О чем писал этот челик? webpack(webpackConfig).run() const webpack = require('webpack');

[@SergioWahaWaher]

Друзья, с подключением полифилов не ипитесь так, как показано в видосе, если конечно не делаете это осознанно. Бабель автоматически умеет добавлять нужные полифилы с core-js по мере того, как "незаполифиленная" фича встречается в коде. Дел на два щелчка: "npm i core-js" "npm i -D @babel/plugin-transform-runtime" и опции в конфиге бабеля: presets: [ '@babel/preset-env', { useBuiltIns: 'usage', corejs: 3 // версия core-js // } ]

[@victormog]

Заматерел!.. ;-)

[@Cyberiall]

Дима, никогда небыло так интересно! Почему-то влип в то, что если ты показываешь окно браузера, то он передает не просто рабочий стол, а в самом видео будто - *матрешка*? Ответе мне кто нибудь что это такое)) Отправка пакетов на еву? Которые видит человеческий глаз? Или че хаахах

[@alexshandor6007]

Webpack подходит для любого проекта.... От Gulp - иногда пачку картинок ужимаю...

[@UserSo4reUsu75ry]

а как в webpack + pug подключать svg спрайты человеческим способом ?

[@alexshandor6007]

@@UserSo4reUsu75ry pug не пользуюсь делаю сразу бекенд на php ... для нормальной работы svg разницы думаю нет чем встроить его код в html... в scss - небольшие размеры можно встроить c преобразованием в base64 - но это не очень удобно в дальнейшем, при смене стилей

[@topProgrammer]

,Изучаю C# пилю видосы