文章目錄

• • • • • • 1. 打開 `HBuilder`
          • 2. 打開項目
          • 3. 點擊發行
          • 4. 等待項目編譯
          • 5. 查看路徑
          • 6. 安裝
          • 7. 啟動

1. 打開 HBuilder

2. 打開項目

打開當前要打包的項目

3. 點擊發行

，找到【網站 - PC web 或手機 H5 】

確認【網站標題】，無需【網站域名】，直接點擊發行即可

4. 等待項目編譯

5. 查看路徑

編譯成功后，項目會被導出到指定路徑

找到該路徑下的文件，即為【打包后的項目】

彩蛋：本地玩耍技巧

6. 安裝

注意： 不可直接打開 index.html 進行訪問，需要通過 web 服務 進行訪問！

本地可通過 anywhere 快速啟動靜態文件服務器
使用方式：
下載：npm install anywhere -g
在項目路徑下執行 anywhere 命令

7. 啟動

進入到文件夾中，執行 anywhere，自動會打開瀏覽器，就可以在本地預覽\h5頁面了

總結

以上是生活随笔為你收集整理的uniapp H5页面打包发布的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。