Die Zukunft der JavaScript-Build-Tools

Was ist es?

Das Erstellen von JavaScript-Software ist ein Prozess, der eine Menge Tools erfordert. Obwohl Browser JavaScript möglicherweise direkt verwenden, gibt es normalerweise Mechanismen, die es Entwicklern ermöglichen, sich auf die Erstellung von Software zu konzentrieren. Heutzutage wird Code höchstwahrscheinlich in TypeScript geschrieben, einer von Microsoft erstellten Obermenge von JavaScript , die in JavaScript übersetzt werden muss, das der Browser (oder andere JavaScript-Laufzeiten , wie z. B. Node.js ) benötigt.

Es gibt mehrere Bundler, die die Erstellung der Daten orchestrieren, die an den Browser des Benutzers gesendet werden sollen. Diese Software entwickelt sich jedoch ständig weiter, obwohl es in vielen aktuellen Projekten recht gängige Tools gibt.

Je nach Projekt kann es sinnvoll sein, Ihre Tools regelmäßig zu überdenken und den Markt im Auge zu behalten, da mehrere neue Tools oder der Ersatz älterer Tools echte Vorteile in Bezug auf Geschwindigkeit und Entwicklerfreundlichkeit bieten.

• TypeScript ist nicht mehr so ​​neu und wird in immer mehr Softwareprojekten übernommen. Es bietet Typsicherheit auch über verschiedene Pakete hinweg und verhindert Fehler beim Programmieren, anstatt ihnen in der Produktion zu begegnen. Dies ist sowohl beim Schreiben von Software als auch bei der Verarbeitung zu JavaScript mit einem Overhead verbunden.
• Ihr Browser-Anwendungscode – sei es TypeScript, JavaScript, HTML, (vorverarbeitetes) CSS, Assets usw. – muss für die Bereitstellung gepackt werden. Tools wie webpack , Rollup , Parcel und andere erledigen diese Aufgabe.
• Für Ihre serverseitige Anwendung benötigen Sie eine Laufzeitumgebung wie Node.js, um Ihre Software auszuführen.

In Bezug auf die Geschwindigkeit war esbuild ein echter Game Changer in unseren Projekten. Es könnte zB in bestehenden Webpack-Setups als Loader verwendet werden, der den babel-loader ersetzt. Normalerweise sind nur geringfügige Anpassungen in Ihrem Code erforderlich, und wir haben in unseren Projekten Geschwindigkeitsverbesserungen von 50 % und mehr festgestellt.

Aber esbuild kann auch eigenständig verwendet werden, um Code für die Laufzeit vorzubereiten. Esbuild ist in Go geschrieben und in nativen Code kompiliert, was es superschnell macht.

Hier sind einige Tools, auf die Sie achten sollten:

• Parcel CSS : CSS-Parser, -Compiler und -Minifier, der hohe Geschwindigkeit verspricht (wie er in Rust geschrieben ist )
• Vite.js : Frontend-Tooling und Bündelung mit der Geschwindigkeit von Esbuild unter der Haube. Es stützt sich auf Ecmascript-Module und ist stark eigensinnig, um von Anfang an eine gute Entwicklungserfahrung zu bieten.
• Bun : Die neueste JavaScript-Laufzeitumgebung. Behauptet, superschnell und sofort einsatzbereit zu sein, verfügt über Fähigkeiten zum Bündeln, Transpilieren (auch TypeScript) und hat das Zeug, das Sie mit npm erhalten, direkt eingebrannt. Interessanterweise ist es in Zig geschrieben und hat einen Knödel als Logo .

Warum empfehlen wir es?

Während es wichtig ist, eine stabile und gut getestete Plattform für die zu erstellende App bereitzustellen, entwickeln sich die Dinge insbesondere in der JavaScript-Welt mit hoher Geschwindigkeit. Es ist schwer, den Überblick über alle neuen Dinge zu behalten, und viele neue Projekte werden in Zukunft unter geringer Unterstützung leiden. Andere sind hier, um zu bleiben und die Migration zu einem besseren Entwicklungsworkflow zu ermöglichen (wie oben erwähnt: TypeScript, esbuild-loader).

Wir empfehlen immer, eine Mischung aus gut getesteten Tools und modernster Software zu verwenden, damit Sie das Risiko, das Sie eingehen, kontrollieren können. Für den Entwickler bieten die vorgestellten Tools einen einfacheren Start und eine hohe Geschwindigkeit für manchmal langwierige Aufgaben bei der Erstellung neuer Softwareprodukte.

Autor: Dirk Weber
Illustrationen: Kai Sinzinger

Dieser Artikel ist Teil einer Reihe namens #24TechBites. Um Ihnen die verbleibende Zeit bis Weihnachten zu versüßen, wollen wir Sie über aktuelle Technologien informieren, Sie inspirieren oder einen meinungsstarken Rückblick auf Softwaretrends geben – und das alles in Form von 24 kleinen täglichen Überraschungen in deutscher Tradition eines „Adventskalenders“.

Um alle anderen #TechBites zu genießen und mehr über uns und unseren Adventskalender zu erfahren, klicken Sie auf #24TechBites !

Um

Büro am Draht ist ein in Berlin ansässiges Beratungsunternehmen, das unseren Kunden hilft, belastbare und anpassungsfähige digitale Plattformen aufzubauen, um die Geschäftsanforderungen von heute zu unterstützen und sogar Geschäftsmodelle von morgen auf den Weg zu bringen, die wir vielleicht noch nicht vorhersehen. Daher arbeiten wir in jeder Phase des digitalen Transformationsprozesses eng zusammen – von der digitalen Strategie über Lösungsdesign und -entwicklung bis hin zur operativen Unterstützung.

Unser agiler Ansatz zur Entwicklung vielseitiger und skalierbarer Lösungen stellt sicher, dass unsere Kunden stets ansprechende und personalisierte Kundenerlebnisse bieten. Um mehr darüber zu erfahren, wie wir Unternehmen aus verschiedenen Branchen helfen, besuchen Sie:

dasburo.com
LinkedIn