0
点赞
收藏
分享

微信扫一扫

uniapp H5页面打包发布

zmhc 2022-09-05 阅读 149


文章目录

  • ​​1. 打开 `HBuilder`​​
  • ​​2. 打开项目​​
  • ​​3. 点击发行​​
  • ​​4. 等待项目编译​​
  • ​​5. 查看路径​​
  • ​​6. 安装​​
  • ​​7. 启动​​
1. 打开 ​​HBuilder​
2. 打开项目

打开当前要打包的项目

3. 点击发行

,找到【网站 - PC web 或手机 H5 】

uniapp H5页面打包发布_h5发布


确认【网站标题】,无需【网站域名】,直接点击发行即可

uniapp H5页面打包发布_h5_02

4. 等待项目编译

uniapp H5页面打包发布_静态文件_03

5. 查看路径

编译成功后,项目会被导出到指定路径

uniapp H5页面打包发布_静态文件_04


找到该路径下的文件,即为【打包后的项目】

uniapp H5页面打包发布_静态文件_05


彩蛋:本地玩耍技巧

6. 安装
  1. 注意:不可直接打开​​index.html​​​ 进行访问,需要通过​​web 服务​​ 进行访问!
  1. 本地可通过​​anywhere​​​ 快速启动静态文件服务器
    使用方式:
    下载:​​​npm install anywhere -g​​​ 在项目路径下执行 ​​anywhere​​ 命令
7. 启动

进入到文件夹中,执行 anywhere,自动会打开浏览器,就可以在本地预览\h5页面了

uniapp H5页面打包发布_html_06


举报

相关推荐

0 条评论