Pixi.js: Importieren Sie PixiJS als ESM ohne Bundler

Erstellt am 1. Juli 2020  ·  10Kommentare  ·  Quelle: pixijs/pixi.js

Ich versuche, Pixi in eine Snowpack-Anwendung zu importieren, aber obwohl das Pixi-Paket auf NPM eine esm-Datei ( /lib/pixi.es.js ) enthält, kann es nicht direkt im Browser geladen werden, da es die nativen Bibliotheken des Knotens verwendet ( zB: url ).

Ist es möglich, PixiJS als ES-Modul zu importieren, ohne Rollup, Webpack oder andere Bundler zu verwenden?

🙏 Feature Request

Hilfreichster Kommentar

Okay, ich höre euch alle. Wir werden an einem browserbasierten ESM-Bundle arbeiten.

Alle 10 Kommentare

Rollup, Webpack und Parcel können alle integrierte Polyfills für die URL- und Pfad-Utils von Node bereitstellen. Ich bin mit Snowpack nicht vertraut, aber könnten Sie diese überschreiben? Es gibt auch öffentliche Pakete (z. B. URL) mit demselben Namen, die Sie nebenher installieren könnten?

Die andere Möglichkeit besteht darin, alle knotenähnlichen Abhängigkeiten aus dem Projekt zu entfernen. Ich würde zuerst versuchen, eine Snowpack-Problemumgehung für dieses Problem zu finden, bevor wir das tun. Auch die anderen oben genannten Bundles werden alle inoffiziell von pixi unterstützt. Ein Snowpack-basiertes Boilerplate-Projekt wäre hilfreich, um dies zu testen und den besten Weg zu finden, dieses Tool ebenfalls zu unterstützen.

auch dieses Tool zu unterstützen

Das ist die Sache ... Ich möchte keine solchen Tools verwenden.
Snowpack transformiert Ihren Code sowieso nicht (es kann, aber das ist nicht der Punkt). Die Idee ist, nur offene Webstandards zu verwenden.

Nur weil es sich um einen Webstandard handelt, heißt das nicht, dass Pixi ihn unterstützt. Es gibt viele moderne Browserfunktionen, die wir noch nicht unterstützen, weil die Akzeptanz gering ist oder wir immer noch versuchen, sie in einer breiten Palette von Browsern auszuführen. Dies ist die erste Aufforderung zum direkten Ausführen von ES-Modulen. Es ist keine schlechte Idee, aber im Moment keine große Priorität.

Der ES-Build wurde hinzugefügt, um Tree Shaking mit Bündelung zu unterstützen, um nicht im Browser mit Modulimport ausgeführt zu werden.

Wenn jemand diese Aufgabe übernehmen möchte, würden wir über eine PR nachdenken.

Ziemlich schade, dass ihr keine es-Modulversion habt.

Das wäre etwas Großartiges zu haben

Okay, ich höre euch alle. Wir werden an einem browserbasierten ESM-Bundle arbeiten.

Vorerst habe ich diese erstellt. Das Problem, das ich hatte, war, dass das Transpilieren der Bibliotheken im Entwicklungsmodus zu langsam wurde. Daher die Lösung.

@SagnikPradhan 404 defekter Link 🤔

@DrSensor Entschuldigung, hier ist der neue Link. Am Ende verwandelte sich das einfache Skript in ein Paket.

War diese Seite hilfreich?
0 / 5 - 0 Bewertungen