React项目打包上线

完成React项目的开发之后，需要将前后端进行联调，而这一过程便要将我们已经开发完成的项目进行打包

1.打包

在React项目的主文件夹下

使用命令：

npm run build

2.启动静态服务器

依旧在该文件夹下使用命令：

npm install -g serve
serve -s build
(如果你的命令行是用Windows PowerShell则使用“serve.cmd -s build”)

访问本地的端口即可查看项目

3.前后端联调

将build文件夹下的所有文件放在后端文件中即可，具体情况待研究…

---

如何打包为静态项目？

使用上面的步骤需要启动本地服务器，如果我想点击build文件夹下的index.html文件就能看见我的页面该怎么办？
很简单，在package.json文件中添加"homepage": "."即可：

之后直接用npm run build命令生成build文件夹，点击里面的index.html即可访问页面。