react项目npm run build打包后怎么运行

一、react项目的打包
在该项目文件夹中打开终端输入项目打包命令：

npm run build

打包成功后文件夹中会多出一个 build 文件，该文件就是打包好的项目！

npm run build打包后怎么运行呢？

方式一：使用live-server插件
1、首先我们全局安装live-server插件

live-server插件可以简单创建一个本地服务，执行以下命令全局安装live-server插件

npm install -g live-server
安装完成就可以在终端启动打包好的build项目了

2、在build文件夹终端输入

live-server
默认监听在8080端口

打开浏览器，输入localhost:8080 就可以预览了
 

方式二：使用Mac 自带apache服务器

输入命令行：sudo apachectl start

此时，打开浏览器地址栏输入 “http://localhost”，可以看到内容为“It works!”的页面。

后面需要把build的项目配置到apache服务器。