Wer bündelt reaktionseigenen Code?

Question

Wenn wir erstellen Reagieren App, wir jsx in js und babel dies tut konvertieren müssen.

können wir schlucken oder webpack verwenden als auch für die endgültige Code erstellen, die von den Browsern ausgeführt werden können.

Mit Reagieren Native, wir sind immer noch mit jsx und .babelrc Datei mit "reagieren-native" als nur Preset erforderlich. Es ist klar, dass babel jsx in nativen Code konvertiert.

Meine Abfrage lautet: "Welcher Bundler wird von ReactNative?" Verwendet. Wie nimmt Babel jsx, um es in nativen Code zu konvertieren? Ist ReactNative mit schluck, grunzen, webpack oder etwas anderes?

• Wenn ja, wie wird diese Konfiguration angepasst? Welche Datei ist für diesen Zweck zur Verfügung? (Angenommen, ich möchte traceur anstelle von babel verwenden)
• Wenn nein, können wir gulp oder webpack mit react-native verwenden, ohne ein Projekt zu erstellen mit react-native init Befehl?

Answer 1

React Native verwendet einen eigenen Packer (im Code von React Native enthalten: https://github.com/facebook/react-native/tree/master/packager).

Unter der Haube Babel verwendet, das ist, warum Sie ein .babelrc in der Wurzel des Projektes.

Der Hauptgrund, sie nicht etwas mehr Standard wie webpack verwendet haben, weil es nicht schnell genug zu sein schien für Projekte Eingeborenen Reagieren so Facebook ihre eigenen Verpacker zu schaffen beschlossen. Wenn Sie mehr darüber wissen möchten, können Sie dieses Problem in Github überprüfen: https://github.com/facebook/react-native/issues/5 wo sie diskutieren darüber, wie die Verpackungsprobleme zu überwinden, sie konfrontiert, wenn webpack verwenden. Es ist eines der ersten Probleme und wirklich Spaß zu lesen, wenn Sie in React Native Interna sind