reactjs - 如何使用服务器端渲染在生产环境中部署 React App

Question

我已经使用 create-react-app 创建了我的应用程序。它与 SSR 配合得很好。一切都已就位，但我不知道如何部署？我理想想要的是:生成一个build文件夹并将上传到cdn。想要从那里提供我的静态 Assets 。 我想从我的代码创建一个发行版，并将其带到另一台计算机上进行部署。我无法弄清楚如何做突出显示的部分。如何为服务器创建 bundle ？ npm run build 为客户端创建我的包。

PS:我在我的应用程序中使用 React 库，例如 React Router 4、Redux 等。希望这不会影响我的回答。对于SSR，我使用了express。

Answer 1

服务器端渲染意味着您需要一个服务器(express)来服务所有请求:服务器渲染的页面，包括静态资源。所以CDN还不够。您可能想尝试以下支持 Node 服务器的免费云服务:

• https://zeit.co/now
• https://www.heroku.com/
• https://firebase.google.com/docs/functions/

您可以使用 Webpack 创建服务器包，目标:“node” 并使用 https://www.npmjs.com/package/webpack-node-extenals .

具体情况可能比较复杂，您可以访问https://github.com/antonybudianto/react-ssr-starter/blob/master/config/webpack.server.config.babel.js供引用。