在react项目中 通过npm run build 打包后怎么运行浏览

一、react项目打包

打包时,需要在当前项目文件夹下的终端中输入以下命令:

npm run build

打包完成后,文件夹中会出现一个build文件,此文件为打包好的项目文件。

如何运行打包后的项目?

方法一:使用 live-server 插件

1、先在终端的全局安装此插件依赖

npm install -g live-server

2、终端进入build文件目录下输入

live-server

即可访问网页,默认监听的是8080端口号,打开浏览器输入 localhost:8080

方法二:使用Mac电脑自带的 apache服务器

1、输入命令进入此服务

sudo apache start

然后,打开浏览器地址栏输入“http://localhost”,可以看到“it works”内容页面

最后,需要把打包好的项目文件配置到 apache服务器则可以访问

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值