Question

如何将我的react项目转换为脚本以将其连接到html页面？

我是新来的人，请宽容。我的老板要求获取完整的脚本以将其连接到不带节点等的html页面。我该怎么办？谢谢。

Answer 1

为了摆脱节点，您需要首先构建您的项目。如果您已使用create-react-app初始化了项目，请运行以下命令：

npm run build

名为“ build”的文件夹将出现在包含生产应用程序的项目根目录中。现在，构建文件夹已准备好构建，您可以将其与“ serve”之类的静态服务器一起使用。要通过npm安装“ serve”，请执行以下操作：

npm install -g serve

就是这样！您可以立即使用它：

serve -s build

您可以在此处找到有关部署的更多信息：

https://github.com/facebook/create-react-app/blob/master/packages/react-scripts/template/README.md#deployment

Answer 2

请检查以下网址： https://blog.bitsrc.io/react-production-deployment-part-3-heroku-316319744885

另外，请检查以下步骤：

在package.json中，将此行添加到脚本中

"heroku-postbuild":
 "NPM_CONFIG_PRODUCTION=false npm install --prefix client && npm run 
 build --prefix client".

然后添加了此 "engines": { "node" : "[your node version]" }在脚本之后。
在index.js中，在设置路由之后放置以下代码

  if (process.env.NODE_ENV === "production") {
   app.use(express.static("client/build"));
   const path = require("path");
   app.get("*", (req, res) => {
   res.sendFile(path.resolve(__dirname, "client", "build", 
   "index.html"));
   });
  }

我假设您使用git进行版本控制，并且已经安装了Heroku。打开终端，然后Heroku登录-> Heroku创建-> git push Heroku 主。如果没有任何错误，则表示您可以成功部署应用。

希望您可以使用它。

Answer 3

通过使用create-react-app https://create-react-app.dev/docs/getting-started

https://create-react-app.dev/docs/deployment

dev：npm启动或纱线启动。

产品：npm运行构建或纱线构建。

如何部署我的React项目进行生产？

3 个答案: