怎么打包react项目

怎么打包react项目

一、打包

在项目路径下,敲npm run build,就出现了build文件夹,同时终端显示这些文字:

大致意思是:已经编译好啦。build生成的这些东西要放在服务器root下,可以在pakege.json里,根据绿字里的例子,再重写。也能让它充当静态的服务器,敲:npm install -g serve,在敲serve -s build,就可以了。

二、发布

1、你必须把build里的文件直接放到应用服务器的根路径下,比如,你的服务器IP是172.16.38.253,应用服务器端口为8080,你应该保证http://172.16.38.253:8080这种访问方式,访问到的是你的build下的文件。如果你希望以http://172.16.38.253:8080/build/index.htm这种方式访问应用,那么你可以在package.json文件中增加一个homepage字段,如下:

"homepage": ".",

2、安装serve静态服务器:在你本地安装serve,然后用serve来托管你build后的资源,也就是把build后的文件部署到了serve里,然后你就可以通过localhost:port的方式访问了。

更多React相关技术文章,请访问React答疑栏目进行学习!

以上就是怎么打包react项目的详细内容,更多请关注易知道|edz.cc其它相关文章!

推荐阅读