Leben mit ESM

ES -Module (ESM) revolutionieren die JavaScript -Entwicklung. Denken Sie an import und seine damit verbundenen Funktionen - die moderne Art, den JavaScript -Code zu verwalten.

Moderne Browser unterstützen jetzt voll und ganz die ESM und vereinfachen die JavaScript -Projekte erheblich, insbesondere wenn Sie über den Internet Explorer hinausgezogen sind.

Vor der ESM umfasste JavaScript -Entwicklung mehrere Schritte:

1. Pakete von NPM mit package.json und npm install abrufen.
2. Schreiben von Importanweisungen, die nicht streng gültig waren (für Entwicklerkomfort), wobei die Importe aus einem lokalen Ordner node_modules angenommen wurde.
3. Vergewiesen sich auf einen Bundler, um diese nicht standardmäßigen Importe zu erledigen, häufig für Leistungsoptimierung und Aufgaben wie Babeltranspilation.

Der Aufstieg von ESM stellt diese etablierten Praktiken in Frage. Fragen werden aufgeworfen:

• Ist npm install wirklich notwendig?
• Können wir die Notwendigkeit von Bundlern beseitigen?
• Ist die Bündelung mit HTTP/2, Global CDNs und Browser -Optimierungen für die Leistung immer noch entscheidend?
• Überfassen wir unseren Code mit übermäßiger Down-Compilation?

Neue Werkzeuge entstehen, die das Potenzial von ESM ausschöpfen. Zum Beispiel zeigt Snowpack 3 die Leistung dieser Verschiebung: Laufen React (mit JSX) ohne npm install , node_modules oder ein Build -Schritt, bietet dennoch einen Entwicklungsserver und ein heißes Nachladen. Dieser optimierte Ansatz ist unglaublich effizient.

WMR (Web Modul Runner), ein weiteres innovatives Tool, hat eine ähnliche Philosophie mit Snowpack/Skypack. Es ermöglicht die Verwendung von NPM -Paketen ohne Installation, unterstützt JSX-, TypyScript- und CSS -Module und enthält Funktionen wie ein Dev -Server und ein heißes Nachladen.

Dieser Trend zu ESM gewinnt auch auf der Seite der Knoten.js erheblich an Dynamik. Sindre Sorhus, ein herausragender NPM-Paketbetrieb mit über 1000 Paketen, plant, fast alle seine Pakete in ESM zu migrieren und sich für ein einziges ESM-Output-Format einzusetzen. Diese ökosystemweite Verschiebung wirkt sich signifikant auf die Browser-basierte Entwicklung aus.

In Situationen, in denen die Bündelung nach wie vor erforderlich ist (z. B. NPM-Pakete, die noch nicht ESM-kompatibel sind), bieten Bund der nächsten Generation dramatisch verbesserte Geschwindigkeiten.

Das obige ist der detaillierte Inhalt vonLeben mit ESM. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!