关于学习React的大部分教程讨论在开发环境中使用node和webpack。我正在寻找有关部署到生产环境的信息。具体来说,您如何创建一个webpack生产服务器,以及如何在生产环境中运行它?谢谢如何部署使用节点和webpack的React应用程序?
0
A
回答
0
您可以使用webpack在生产环境中轻松编译reactjs。如果您知道您的项目正在扩大规模并且组件数量将增加,那么使用webpack总是更好。
Webpack提供了非常酷的代码分割功能,因为当你的组件增长时,你不想在单个文件中编译所有组件,但是你可以让它真的很慢。我建议你一次穿过webpack documentation。它清楚地提到了代码拆分以及它应该如何工作。
现在我建议在生产中使用webpack -p
来缩小和丑化你的js。如果项目中的组件数量不断增加,那么代码分解会变得越来越多。
0
你不需要生产webpack。只要用它来将你的代码编译成一个包就行了,你很好!
生产中的反应应用程序只需要一个html,一个bundle.js(或者任何你命名你的包)以及你的项目的其他资产。
如果你使用NodeJs,你可能需要找到一个支持它的主机。例如Heroku
0
您需要添加环境变量,并且您可以使用webpack为dev和prod环境构建。
结帐这个位置的完整参考:Why is my webpack bundle.js and vendor.bundle.js so incredibly big?
相关问题
- 1. 部署节点应用程序和mysql
- 2. 如何使用webpack dev服务器部署Webpack应用程序?
- 3. 部署使用节点观察器的节点应用程序
- 4. 如何使用maven将节点应用程序部署到Docker
- 5. 如何在使用vue后部署Vue应用程序cli webpack
- 6. 如何将使用Webpack的节点部署到heroku
- 7. Webpack和SASS问题(React应用程序)
- 8. 如何节点JS与gruntfile应用程序部署到Heroku的
- 9. 如何在Heroku中部署React应用程序和Rails API?
- 10. 如何将socket.io和React应用程序部署到Azure?
- 11. 如何部署节点应用程序依赖项
- 12. 如何在AWS Lambda上部署phantomjs节点应用程序?
- 13. 如何将节点js应用程序部署到s3?
- 14. 我如何部署我的Angular 2 + Typescript + Webpack应用程序
- 15. 如何在heroku上使用uglify后使用webpack部署angularjs应用程序
- 16. 通过Gitolite部署节点应用程序和post-receive钩子
- 17. 如何在Azure上部署Angular2 + Webpack应用程序?
- 18. 如何在tomcat上部署webpack应用程序?
- 19. 节点应用程序的Azure部署不适用于导出。
- 20. 部署节点应用程序的正确工作流程
- 21. 如何使用create-react-app将反应应用程序部署到github页面?
- 22. 如何使用bitbucket和AppHarbor部署和构建应用程序?
- 23. 如何将node.js和节点应用程序部署到嵌入式目标?
- 24. 使用FS文件系统的节点,Webpack和React路由
- 25. 如何在Tomcat中部署React应用程序?
- 26. 使用Jenkinsfile和AWS Code部署应用程序部署
- 27. 部署与webpack反应的应用程序
- 28. 使用http-server部署节点应用程序并永远使用
- 29. 将节点应用程序部署到heroku的超时
- 30. nodeJS应用程序,运行节点和webpack - 手表?
其实你不的WebPack在生产服务器上运行。创建一个本地生产webpack构建步骤,创建所需的所有静态文件。然后,您将文件上传到您的服务器并像其他任何文件一样提供服务。进一步阅读http://blog.andrewray.me/webpack-when-to-use-and-why/ –