ESBuild полный курс от А до Я. Замена Webpack 5?

5 webpack нужен, очень)

Привет, спасибо тебе большое, если у тебя будет такая опция - совмести postcss модули с esbuild, я уже пару дней ковыряюсь, сложна :с

Привет, спасибо тебе большое!

Спасибо, хочется посмотреть от тебя видео про сборщик Vite.

Я хочу проголосовать за Vite

Огромное спасибо за проделанную работу и потраченное время! Единственно остался вопрос про компиляцию препроцессоров в css, но смотрю что есть уже готовые плагины. Ждем ролик про пятый webpack

Нужен разбор webpack!

Понравилось! Интересно было узнать про лонгполлинг на express (правда юзер не очень будет рад такому обновлению). Не раскрыта тема с чанками бандла, когда файл большой и его хочется разбить на части.

Спасибо! Всегда лайк твоим видео! Ты очень круто объясняешь!

Контент как всегда огонь!

Хотелось бы увидеть разбор Vite, преимущественно в связке с vue 3)

Méga mozg)))

Если у Вас node выдает ошибку о превышении слушателей события refresh, то нужно их отписывать!! (иначе все перестает работать на 11 ребилде приложения)

решение:
// в dev конфиге
app.get("/subscribe", (req, res) => {
emitter.removeAllListeners("refresh"); // очистка всех старых подписчиков перед новой(актуальной) подпиской
.....
emitter.on("refresh", () => { ....... });
}

кстати, а что думаешь о Vite?

vite - вайт
vite и parcel(парсель) - не сборщики,а агрегаторы :) они сами не собирают, а под капотом юзают rollup/esbuild/webpack

Webpack 5 please !!

Спасибо тебе за видео, подробнее разбираешь чем на курсах, много нового извлек из твоего видео

Тимур, может полную сборку ESBuild и делает быстрее WebPack (я не заметил и этого), но hotreload при development'е (который требуется на порядки чаще, чем полная сборка) - это трэш. Тем более с предложенной тобой схемой - через полный build...

esbuild выглядит как какой-то костыль.. вебпук обладает более широкими возможностями.. хотя его и настраивать долго.. ну в первый раз долго.. потом уже от проекта к проекту проще

Очень классная вещь! Очень удобно и очень быстрый рендер, завтра побегу пробовать на средних проектах! Спасибо большое за открытие новой технологии, теперь есть в чем потыкаться.
ESBuild пока так конфигурируемый будет удобен для малых и средних проектов, хотя надо тестить.
Благодаря твоему каналу я вижу куда расти! Спасибо тебе огромное, ты закрыл наверное 70% моих вопросов по технологиям.

Хороший обзор. Понял, что esbuild ещё слишком сырой и до webpack ему, как до Китая пешком.

Для корректной работы проверки типов и т.п. в typescript нужно добавить перед esbuild в package.json это "tsc -noEmit && ".

Вот открывок из документации с переводом:
Этот загрузчик включен по умолчанию для файлов .ts, .tsx, .mts и .cts, что означает, что esbuild имеет встроенную поддержку для анализа синтаксиса TypeScript и отбрасывания аннотаций типов. Однако esbuild не выполняет никаких проверок типов, поэтому вам все равно нужно будет запускать tsc -noEmit параллельно с esbuild для проверки типов. Это не то, что esbuild делает сам.

Вот ещё открывок:
Однако esbuild в настоящее время проверяет только следующие поля в файлах tsconfig.json:
alwaysStrict
baseUrl
extends
importsNotUsedAsValues
jsxFactory
jsxFragmentFactory
paths
preserveValueImports
target
useDefineForClassFields

и т.е. если не сделать то что я написал то например опция "noImplicitAny": true будет проигнорированная esbuild, а после добавления той стрчоки будет работать компилятор ts и он это проанализирует. В конечном итоге сборка будет работать конечно медленей, но зато ваши настройки ts будут работать.

Супер, спасибо за разбор, с нетерпением жду разбора webpack

брат, жду видоса по вебпаку

Ждем вебпак!

Был бы здорово, если использовались дарк темы, чтобы глаза не резало.

Тимур, привет! Спасибо за ещё один крутой и полезный видос! И да, ролик по пятому вебпаку в связке с реактом очень нужен)

Топ контент! Только начал изучать что такое сборщики и тут это видео)

Голос ломается, тоже мало разговариваю, проблема вечная)

Отлично объясняешь. Красава. Подписка.

Ну микрофронтенд module federation на вебпаке, так что все остальное не канает

Vite использую и собирает обычно даже быстрее чем ESBuild. Но лично по собственным ощущениям. Наверное время сборки зависит и от проектов.

Не верю что npm run build может 25 минут занимать. Я такого за 10 лет не видел ещё

Молодец, помогвешь!

Ulbi, когда выйдет твое видео по Angular? Очень жду:)

Зашёл сюда, чтобы поздравить автора канала с днём рождения! Спасибо тебе за весь твой труд!!!

Вебпак нужен!!

Очень понравился урок. Просто и по полочкам. Интересно как скоро он войдет в практику как сборщик по умолчанию?

На Ангуляре не работает. Кроме того, необходимость создания HtmlPlugin наглядно показывает что тул сырой. Даже если скопипастить отсюда, не каждый захочет поддерживать этот код у себя в продакшне. Похвастаться сгодится, а в продакшне пока будет вебпак 5 + esbuild-loader где возможно, или просто вебпак 5 (например, в случае с Ангуляр).

Миллиард файлов, модулей, программ, консолей, команд для hello world ))

Кто объяснит преимущества перед vite?

Я один в случае ошибки останавливаю ролик и начинаю искать причину?! А автор ее исправляет дальше...

9:25 - увидим логохульбитовое )

Ждём разбор webpack 5

Для Вебпака хочется увидеть видос с базисом. Что нужно чтобы начать и базовые финты. Возьми и пользуйся.
И отдельно - с продвинутыми заё6ами.

а можно ли учится javascript на w3school или на learnjavascript или на документация от разраба javascript так как лучше

простота ставиться в плюс esbuild, но при этом на такие вещи как работа html, hotreload(хотя хочется сразу hotreplacment) приходиться описывать руками. Где тогда просота?

простота ставиться в плюс esbuild, но при этом на такие вещи как работа html, hotreload(хотя хочется сразу hotreplacment) приходиться описывать руками. Где тогда простота?

автор так и не удалил вайп папки build из HTMLplugin

Про webpack было бы отличное видео

Спасибо за ролик! Про webpack 5 и module federation было бы инртересно послушать!

Авторизация по номеру телефона и верификация смс на express ПОЖАЛУЙСТА

Авторизация по номеру телефона и верификация смс на express ПОЖАЛУЙСТА. Кому интересно ставим лайки

Нет проверки Typescript, просто перегоняется в js всё. Поэтому такой и быстрый. Надо что-то самому изобретать чтоб выполнялся пребилд и ошибки выводились.
Ещё почему-то с nestjs не очень esbuild себя ведёт как-то, был проект на несте + пару AWS лямбд с простым кодом и импортом пару типов из проекта на несте, только импорт типов. Так вот AWS cdk не смог упаковать лямбду с помощью NodejsFunction (внутри используется esbuild), не могут зарезолвиться пару импортов хоть убейся.

vue3 + webpack5 !!!

Спасибо за видос,вебпак было бы круто посмотреть в твоём обьяснении

Пока ты писал и переписывал html прямо в файле с настройками, у меня пошла кровь из глаз. Однозначно диз за то, что учишь людей говнокодить

Отличное видео, но количество велосипедов во второй части видео превышает разумные пределы)

Так скорость действительно в десятки раз выше? Не заметил сравнения.

Моё почтение!

Webpack 5 +++

ждем ролик по webpack

Видео по Webpack 5 для верстки со всеми возможностями по оптимизации, как замену Gulp

Не все ли равно что там под капот vue-cli подсовывает )))))

Очень ждём Webpack 5 !)

давай про webpack 5

Vite более предпочтителен сегодня)

как же ничтожен этот один дислайк

Остался, конечно, вопрос: а как заполифилить бандл?

Жаль что конец видео изобилует велосипедами.

Спасибо за ролик.

Вопросец есть: каким образом есбилд ускоряет сборку, если под капотом он всё равно компилиует всё при помощи тайпскрипта?)
Хочется видео продвинутей. Без великов, и с плюхами в виде тестов тайпскрипт vs esbuild

Спасибо огромное! плюсую за 5 webpack

Большое спасибо за контент который ты делаешь!

И да, по Webpack хотелось бы послушать

vite для vue

Конечно нужен, твои фундаментальные ролики очень помогают в познании мира Веб- разработки

Спасибо за отличное видео!

такой ролик нужен

Спасибо Тимур за твои труды! Очень интересный и полезный ролик. Ждем Webpack5, очень ждем)

желательно использовать неймспесы для EvenetSource, мало ли..
ПС: по факту получается, что порог входа в webpack чуть выше, но если уж настроил - будет как часы, плюс комьюнити большое

Хорошо бы ещё тему монорепозиториев затронуть. Особенно полезно, когда есть несколько самописных npm библиотек на ts, которые нужно дебажить на ходу без пересборки всего проекта.

спасибо за ролик , жду видео про webpack

Вебпак очень нужен! Отписался в комментах и лайк поставил :)

сборщики - это своеобразная тема. Обычно посмотришь какой-нибудь курс, сделаешь сборку/две, а потом пылятся все твои знания несколько месяцев, т.к. работаешь на проекте и когда вновь наступает время настроить сборку, то уже не сильно помнишь, как там это всё делается, да + выясняется, что уже вышла новая версия или вообще вышел инструмент гораздо лучше. Поэтому если вам это не нужно, то лучше сильно не упарывайтесь по этому. Лучше тогда берите, что попроще. Какой-нибудь Parcel или Vite js

Жду видос про WebPack :)

Ждем Webpack!)

Купи уже вебку для совместного стрима с Владиленом!) Я безработный и то имею вебку)

Да, тема сборщиков классная. Лайк и комментарий за видос по Webpack.)

Нужен webpack 5. Очень крутые видео снимаешь !!

Нужен ролик по вебпаку

Тимур как всегда у руля

вебпак мощная штука. вряд ли в ближайшее время его кто-то сместит, но появление альтернатив это всегда хорошо

Gulp забыл

Лайк еще не глядя
Ждем webpack

Смотрю сравнение и понимаю что "медленный" - это не медленный. Это ведь не 4х часовая компиляция в машинный код. А инструменты у вебпака настолько сильные, что +/- крупные проекты другие сборщики не рассматривают.

хороший ролик! автору респект

Очередное шедеврально-полезное видео. Благодарю, Тимур, за ваш труд)

Видео по webpack было бы супер!

видео по webpack пожалуйста

Очень нужен ролик по webpack

За вебпак 5

Webpack было бы прям очень интересно. Друзья давайте поддержим!