完成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即可访问页面。