Будущее инструментов сборки JavaScript
#TechBite02: Адвент-календарь на 2022 год от Büro am Draht
Что это такое?
Создание программного обеспечения на JavaScript — это процесс, требующий большого количества инструментов. Хотя браузеры могут напрямую использовать JavaScript, обычно существует механизм, который позволяет разработчикам сосредоточиться на создании программного обеспечения. В настоящее время код, скорее всего, написан на TypeScript, расширенном наборе JavaScript, созданном Microsoft, который необходимо преобразовать в JavaScript в браузере (или других средах выполнения JavaScript). , например, Node.js).
Существует несколько сборщиков, которые организуют создание данных для отправки в браузер пользователя. Но этот набор программного обеспечения постоянно развивается, несмотря на то, что во многих текущих проектах можно найти довольно распространенные инструменты.
В зависимости от проекта может быть полезно регулярно пересматривать свои инструменты и следить за рынком, поскольку несколько новых инструментов или замена старых обеспечивают реальные преимущества с точки зрения скорости и удобства для разработчиков.
- TypeScript уже не так уж нов и используется во все большем количестве программных проектов. Он обеспечивает безопасность типов даже в разных пакетах и позволяет предотвратить ошибки во время программирования вместо того, чтобы сталкиваться с ними в рабочей среде. Это сопряжено с накладными расходами как при написании программного обеспечения, так и при его обработке в JavaScript.
- Код вашего браузерного приложения — будь то TypeScript, JavaScript, HTML, (предварительно обработанный) CSS, активы и т. д. — должен быть упакован для развертывания. Эту работу выполняют такие инструменты, как webpack, Rollup, Parcel и другие.
- Для вашего серверного приложения вам нужна среда выполнения, такая как Node.js, для запуска вашего программного обеспечения.
Для нас появилось несколько новых (и не очень) инструментов, некоторые из которых уже готовы к производству, а другие имеют многообещающее будущее.
С точки зрения скорости, esbuild действительно изменил правила игры в наших проектах. Это может быть использовано, например. в существующих настройках webpack в качестве загрузчика, заменяющего babel-loader. Обычно в вашем коде требуются лишь незначительные корректировки, и мы видели улучшение скорости на 50% и более в наших проектах.
Но esbuild также можно использовать отдельно для подготовки кода к выполнению. Esbuild написан на Go и скомпилирован в собственный код, что делает его очень быстрым.
Вот некоторые инструменты, на которые стоит обратить внимание:
- Parcel CSS: CSS Parser, компилятор и минификатор, обещающий высокую скорость (как написано на Rust)
- Vite.js: инструменты и комплектация внешнего интерфейса со скоростью esbuild под капотом. Он основан на модулях Ecmascript и с самого начала обеспечивает хороший опыт разработки.
- Bun: новейшая среда выполнения JavaScript. Утверждает, что он очень быстрый и нестандартный, обладает возможностями связывания, транспиляции (также TypeScript) и содержит то, что вы получаете с помощью npm, напрямую встроенного. Интересно, что он написан на Zig и имеет клецку в качестве своего логотипа.
deno — это еще одна замена Node.js, созданная Райаном Далом, который также создал оригинальный Node.js. Он также использует среду выполнения JavaScript V8 от Google, такую как Chrome и Node.js, но стремится модернизировать опыт разработчиков. Существует только один исполняемый файл deno для всех ваших нужд. Интересные моменты: Среда песочницы, где вы должны определить доступ к сети и файловой системе, что делает ее более безопасной, чем Node.js; Первый уровень.
Почему мы рекомендуем это?
Хотя важно обеспечить стабильную и хорошо протестированную платформу для создания приложения, события, особенно в мире JavaScript, развиваются высокими темпами. Сложно уследить за всем новым, и многие новые проекты в будущем будут страдать от низкой поддержки. Другие останутся и позволят перейти к лучшему рабочему процессу разработки (например, упомянутые выше: TypeScript, esbuild-loader).
Мы всегда рекомендуем использовать сочетание хорошо протестированных инструментов и современного программного обеспечения, чтобы вы могли контролировать риск, на который идете. Для разработчика представленные инструменты обеспечивают более легкий старт и высокую скорость выполнения порой утомительных задач при создании новых программных продуктов.
Автор: Дирк Вебер
Иллюстрации: Кай Синзингер
Эта статья является частью серии под названием #24TechBites. Чтобы подсластить оставшееся до Рождества время, мы стремимся информировать вас о современных технологиях, вдохновлять вас или давать вам обзор тенденций в области программного обеспечения — и все это в форме 24 небольших ежедневных сюрпризов в немецкой традиции «Adventskalender».
Чтобы насладиться всеми другими #TechBites и узнать больше о нас и нашем адвент-календаре, нажмите #24TechBites!
О
Büro am Draht – это консалтинговая компания из Берлина, помогающая нашим клиентам создавать устойчивые и адаптируемые цифровые платформы для поддержки сегодняшних бизнес-требований и даже запускать бизнес-модели завтрашнего дня, которые мы, возможно, еще не предвидели. Таким образом, мы тесно сотрудничаем на каждом этапе процесса цифровой трансформации — от цифровой стратегии до проектирования и разработки решений и оперативной поддержки.
Наш гибкий подход к разработке универсальных и масштабируемых решений гарантирует, что наши клиенты постоянно обеспечивают привлекательный и персонализированный клиентский опыт. Чтобы узнать больше о том, как мы помогаем компаниям из разных отраслей, посетите:
Хотите получать сообщения от наших экспертов на регулярной основе?
Подпишитесь на нашу рассылку (опубликованную на немецком языке) здесь.
