首页 前端知识 在react项目中 通过npm run build 打包后怎么运行浏览

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

2024-09-09 00:09:37 前端知识 前端哥 240 273 我要收藏

一、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服务器则可以访问

转载请注明出处或者链接地址:https://www.qianduange.cn//article/18030.html
标签
评论
发布的文章

关于HTML的知识

2024-09-18 23:09:36

js简单实现轮播图效果

2024-09-18 23:09:36

CSS3美化网页元素

2024-09-18 23:09:27

大家推荐的文章
会员中心 联系我 留言建议 回顶部
复制成功!