Вот диаграмма из 68 отдельных файлов JavaScript, которые мы загружаем. ОДИН #1 через импорт карт. Водопад вертикальный. HTTP/2 гарантирует, что мы почти не платим штраф за отправку такого большого количества отдельных файлов, но при этом получаем огромную выгоду за счет точного истечения срока действия кэша:
Я знаю, нужно быть настоящим ботаном, чтобы думать, что это красиво, но я думаю, что это красиво. Потому что я знаю, что за этим стоит. Я знаю, что просмотр любого из этих отдельных файлов через Посмотреть источник показывает точно такой же исходный код, который я вижу в своем редакторе. Разработчики и дизайнеры JavaScript давно не могли этого сказать. Теперь это возможно.
И да, теперь это справедливо и в отношении CSS. Вот та же диаграмма для нашего CSS. Отдельные файлы, использующие исключительно стандартизированный CSS, доступный в последних постоянно обновляющихся версиях Chrome, Safari и Firefox:
И посмотрите, как на самом деле выглядит этот CSS:
Людям, которые не видели современный, ванильный CSS, нечто подобное может показаться пришедшим из будущего. Гнездование?! Переменные?! Да. Да. Это хорошо!
И если вы запустите это приложение и все эти многочисленные маленькие отдельные файлы по тесту PageSpeed Insights, вы получите идеальные 100 баллов по измерению производительности. Наши браузеры наконец-то достаточно хороши, чтобы обеспечить необходимую производительность и эргономику. Невероятное достижение команд Apple, Google и Firefox:
Теперь, когда некоторые специалисты по JavaScript видят подобные аргументы, кажется, что их мозг просто превращается в красную кашу ярости. Как будто я оскорбил их религию и всех ее святых пророков.
Я не совсем это понимаю, но позвольте мне все равно попытаться улучшить ситуацию: можно по-прежнему использовать упаковщики! Я был очень воодушевлен прогрессом, достигнутым с esbuild и Bun. Я думаю, что оба проекта действительно классные, и если вы работаете над одним из этих больших, гудящих SPA-приложений с сотнями или тысячами зависимостей NPM и мегабайтами JavaScript, которые необходимо передавать по сети, вам следует в полной мере воспользоваться этими преимуществами. мощные инструменты.
Все, что я здесь показываю, это то, что больше не нужно так жить и работать. Вы можете выбрать что-то другое. Горячий провод является альтернативой. #Nobuild является альтернативой. Никто не заберет ваш любимый упаковщик. TypeScript по-прежнему доступен для тех, кто этого хочет. ВСЕ ХОРОШО!
Я хочу сказать, что я просто невероятно, безмерно доволен тем фактом, что мне больше не нужны никакие эти вещи. Что я могу полностью разрабатывать с использованием превосходной среды выполнения, поставляемой с каждым браузером для обработки JavaScript и CSS. Я думаю, это так здорово! Я думаю, что это часть того, что делает Интернет такой особенной платформой для разработки.
Я даже не против того, чтобы мне пришлось проделать долгий путь, чтобы добраться сюда. Я делал вебпак, я делал эсбилд, я делал все это попутно. Но я твердо верю, что сложность должна быть временной ценой, которую мы платим за прогресс. Для меня конечной целью всегда была простота. И нет ничего проще, чем отправить текстовый файл JavaScript или CSS прямо в браузер и наблюдать за волшебством.
Да здравствует сеть!