Die meisten Tutorials zum Erlernen von React diskutieren die Verwendung von Node und Webpack in einer Entwicklungsumgebung. Ich suche Informationen zur Bereitstellung in einer Produktionsumgebung. Genauer gesagt, wie erstellen Sie einen Webpack-Produktionsserver und wie erhalten Sie ihn in Ihrer Produktionsumgebung? DankeWie stellen Sie eine React-Anwendung bereit, die Knoten und Webpack verwendet?
Sie können Webpack verwenden, um reactjs in der Produktion leicht zu kompilieren. Es ist immer besser, webpack zu verwenden, wenn Sie wissen, dass Ihr Projekt erweitert wird und die Anzahl der Komponenten zunimmt.
Webpack bietet Code-Splitting-Funktionen, die wirklich cool ist, denn wenn Ihre Komponenten wachsen, wollen Sie nicht alle Komponenten in einer Datei kompilieren, können Sie aber, dass Sie es wirklich langsam machen. Ich würde vorschlagen, Sie gehen einmal durch webpack documentation. Es wird klar über Code-Splitting und wie es funktionieren soll, erwähnt.
Für jetzt würde ich vorschlagen, nur webpack -p in der Produktion zu verwenden, um Ihre js zu minimieren und zu vereinheitlichen. Und für den Fall, dass die Anzahl der Komponenten in Ihren Projekten wächst, gehen Sie zum Code-Splitting.
Sie brauchen kein Webpack in der Produktion. Verwenden Sie es einfach, um Ihren Code in einem einzigen Paket zu kompilieren, und Sie können loslegen!
Reag-Anwendungen in der Produktion benötigen nur ein einziges html, ein bundle.js (oder alles, was Sie Ihr Bundle genannt haben) und andere Assets Ihres Projekts.
Und wenn Sie NodeJs verwenden, müssen Sie wahrscheinlich einen Host finden, der es unterstützt. Zum Beispiel Heroku
Sie müssen Umgebungsvariablen hinzufügen und diese können Sie mit Webpack für Dev und Prod-Umgebungen erstellen.
Checkout eine komplette Referenz für diese hier: Why is my webpack bundle.js and vendor.bundle.js so incredibly big?
Sie eigentlich nicht webpack auf einem Produktionsserver ausgeführt werden. Sie erstellen einen lokalen Produktions-Webpack-Build-Schritt, der alle statischen Dateien erstellt, die Sie benötigen. Dann laden Sie die Dateien auf Ihren Server hoch und bedienen sie wie alle anderen Dateien. Weiterführende Informationen http://blog.andrewray.me/webpack-when-to-use-and-why/ –