本地测试 浏览生产环境

react/vue 打包上线

• 注意脚手架   上使用的 webpack 提供的开发者服务器，那只是开发环境的
• 一般都是借助   后端的服务器 node 或者 java 来搭建生产环境的服务器
• 正式的上线是在生产环境上上线，真正上线后 react 插件的图标还会亮

**单纯前端测试可以使用哈** **serve 这个插件**

本地预览

该dist目录旨在由 HTTP 服务器提供服务（除非您已将其配置publicPath为相对值），因此如果您dist/index.html直接通过file://协议打开它将无法工作。在本地预览生产版本的最简单方法是使用 Node.js 静态文件服务器，例如serve：

vuecli 生成的是 dist 文件夹

reactcli 生成的是 build 文件夹

如果是当前路径下 就直接 serve 命令了

npm install -g serve
# -s 标志表示在单页应用程序模式下提供它
# 并处理 history路由问题

cli 上线

先安装 npm i serve -g

1. 先 npm run build  打包 react 项目
2. 会生成  build  文件夹
3. 使用   serve  路径   开启   生产环境服务器。
   • 路径就是   打包后的根路径   一般都是 build
   • serve build  就是开启服务，正式上线
4. 上线成功
   • 

h5 打包上线

使用   live-server

npm install -g live-server

live-server –port=3344