如何部署使用节点和webpack的React应用程序?

时间:2016-08-30 12:05:33

标签: node.js reactjs webpack

关于学习React的大多数教程都讨论在开发环境中使用node和webpack。我正在寻找有关部署到生产环境的信息。具体来说,您如何创建webpack生产服务器以及如何在生产环境中运行它?感谢

3 个答案:

答案 0 :(得分:0)

您在生产中不需要webpack。只需使用它将您的代码编译成一个包就可以了![/ p>

生产中的React应用程序只需要一个html,一个bundle.js(或任何你已经命名为你的软件包的东西)和项目的其他资产。

如果您正在使用NodeJ,您可能需要找到支持它的主机。例如Heroku

答案 1 :(得分:0)

您可以使用webpack轻松编译生产中的reactjs。如果您知道您的项目将扩大规模并且组件数量将会增加,那么使用webpack总是更好。

Webpack提供了代码分割功能,这非常酷,因为当您的组件增长时,您不希望在单个文件中编译所有组件,但您可以将其设置为非常慢。我建议你经历webpack documentation 一次。它清楚地提到了代码拆分以及它应该如何工作。

现在我建议在生产中使用webpack -p来缩小和丑化你的js。如果项目中的组件数量增加,则需要进行代码拆分。

答案 2 :(得分:0)

你需要添加环境变量,你可以使用webpack来构建dev和prod环境。

在此处查看完整的参考资料:Why is my webpack bundle.js and vendor.bundle.js so incredibly big?