Будущее инструментов сборки JavaScript

Что это?

Создание программного обеспечения на JavaScript — это процесс, требующий большого количества инструментов. Хотя браузеры могут напрямую использовать JavaScript, обычно существует механизм, который позволяет разработчикам сосредоточиться на создании программного обеспечения. В настоящее время код, скорее всего, написан на TypeScript , расширенном наборе JavaScript, созданном Microsoft , который необходимо преобразовать в JavaScript для браузера (или других сред выполнения JavaScript , таких как, например , Node.js ).

Существует несколько сборщиков, которые организуют создание данных для отправки в браузер пользователя. Но этот набор программного обеспечения постоянно развивается, несмотря на то, что во многих текущих проектах можно найти довольно распространенные инструменты.

В зависимости от проекта может быть полезно регулярно пересматривать свои инструменты и следить за рынком, поскольку несколько новых инструментов или замена старых обеспечивают реальные преимущества с точки зрения скорости и удобства для разработчиков.

• TypeScript уже не так уж нов и используется во все большем количестве программных проектов. Он обеспечивает безопасность типов даже в разных пакетах и ​​позволяет предотвратить ошибки во время программирования вместо того, чтобы сталкиваться с ними в рабочей среде. Это сопряжено с накладными расходами как при написании программного обеспечения, так и при его обработке в JavaScript.
• Код вашего браузерного приложения — будь то TypeScript, JavaScript, HTML, (предварительно обработанный) CSS, активы и т. д. — должен быть упакован для развертывания. Эту работу выполняют такие инструменты, как webpack , Rollup , Parcel и другие.
• Для вашего серверного приложения вам нужна среда выполнения, такая как Node.js, для запуска вашего программного обеспечения.

С точки зрения скорости, esbuild действительно изменил правила игры в наших проектах. Его можно использовать, например, в существующих настройках веб-пакета в качестве загрузчика, который заменяет babel-loader. Обычно в вашем коде требуются лишь незначительные корректировки, и мы видели улучшение скорости на 50% и более в наших проектах.

Но esbuild также можно использовать отдельно для подготовки кода к выполнению. Esbuild написан на Go , скомпилированном в нативный код, что делает его очень быстрым.

Вот некоторые инструменты, на которые стоит обратить внимание:

• Parcel CSS : CSS Parser, компилятор и минификатор, обещающий высокую скорость (как написано на Rust )
• Vite.js : инструменты и комплектация внешнего интерфейса со скоростью esbuild под капотом. Он основан на модулях Ecmascript и с самого начала обеспечивает хороший опыт разработки.
• Бан : новейшая среда выполнения JavaScript. Утверждает, что он очень быстрый и нестандартный, с возможностями связывания, транспиляции (также TypeScript) и имеет то, что вы получаете с помощью npm, напрямую запеченного. Интересно, что он написан на Zig и имеет клецку в качестве своего логотипа .

Почему мы рекомендуем это?

Хотя важно обеспечить стабильную и хорошо протестированную платформу для создания приложения, события, особенно в мире JavaScript, развиваются высокими темпами. Сложно уследить за всем новым, и многие новые проекты в будущем будут страдать от низкой поддержки. Другие останутся и позволят перейти к лучшему рабочему процессу разработки (например, упомянутые выше: TypeScript, esbuild-loader).

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

Автор: Дирк Вебер
Иллюстрации: Кай Синзингер

Эта статья является частью серии под названием #24TechBites. Чтобы подсластить оставшееся до Рождества время, мы стремимся информировать вас о современных технологиях, вдохновлять вас или давать вам обзор тенденций в области программного обеспечения — и все это в форме 24 небольших ежедневных сюрпризов в немецкой традиции «Adventskalender».

Чтобы насладиться всеми другими #TechBites и узнать больше о нас и нашем адвент-календаре, нажмите #24TechBites !

О

Büro am Draht — это берлинская консалтинговая компания, помогающая нашим клиентам создавать устойчивые и адаптируемые цифровые платформы для поддержки сегодняшних бизнес-требований и даже для запуска бизнес-моделей завтрашнего дня, которые мы, возможно, еще не предвидели. Таким образом, мы тесно сотрудничаем на каждом этапе процесса цифровой трансформации — от цифровой стратегии до проектирования и разработки решений и оперативной поддержки.

Наш гибкий подход к разработке универсальных и масштабируемых решений гарантирует, что наши клиенты постоянно обеспечивают привлекательный и персонализированный клиентский опыт. Чтобы узнать больше о том, как мы помогаем компаниям из разных отраслей, посетите:

dasburo.com
LinkedIn