如何部署使用節點和webpack的React應用程序？

關於學習React的大部分教程討論在開發環境中使用node和webpack。我正在尋找有關部署到生產環境的信息。具體來說，您如何創建一個webpack生產服務器，以及如何在生產環境中運行它？謝謝如何部署使用節點和webpack的React應用程序？

2016-08-30 dt1000

其實你不的WebPack在生產服務器上運行。創建一個本地生產webpack構建步驟，創建所需的所有靜態文件。然後，您將文件上傳到您的服務器並像其他任何文件一樣提供服務。進一步閱讀http://blog.andrewray.me/webpack-when-to-use-and-why/ –

您可以使用webpack在生產環境中輕鬆編譯reactjs。如果您知道您的項目正在擴大規模並且組件數量將增加，那麼使用webpack總是更好。

Webpack提供了非常酷的代碼分割功能，因爲當你的組件增長時，你不想在單個文件中編譯所有組件，但是你可以讓它真的很慢。我建議你一次穿過webpack documentation。它清楚地提到了代碼拆分以及它應該如何工作。

現在我建議在生產中使用webpack -p來縮小和醜化你的js。如果項目中的組件數量不斷增加，那麼代碼分解會變得越來越多。

2016-08-30 12:59:01

你不需要生產webpack。只要用它來將你的代碼編譯成一個包就行了，你很好！

生產中的反應應用程序只需要一個html，一個bundle.js（或者任何你命名你的包）以及你的項目的其他資產。

如果你使用NodeJs，你可能需要找到一個支持它的主機。例如Heroku

2016-08-30 12:31:51

您需要添加環境變量，並且您可以使用webpack爲dev和prod環境構建。

2016-08-30 17:27:00

回答