javascript - 用create-react-app构建的react项目如何打包发布啊

问题描述

问 题

我在项目目录输入了npm run build 后，显示打包成功，但是

这两个指令是什么意思啊，我现在直接在xmapp里开一个Apache服务器，然后把build文件夹直接放在htdoc文件夹下访问的是一个空页面，这是报的错:

这是我npm run build后的build文件夹的目录结构：

大家有没有相关教程什么的，我网上找不到啊

解决方案

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

"homepage": ".",

红框内的命令：
serve是一个静态服务器，那两行命令是在你本地安装serve，然后用serve来托管你build后的资源，也就是把build后的文件部署到了serve里，然后你就可以通过localhost:port的方式访问了。

这篇关于javascript - 用create-react-app构建的react项目如何打包发布啊的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！