打包步驟：

1.在項目的根目錄下新建vue.config.js文件，添加配置

module.exports = {publicPath: './',outputDir: 'dist',assetsDir: 'static' }

?

2.打開終端，進入項目根路徑，執(zhí)行npm run build，生成dist打包文件

3.打開HBuilder，新建項目，選擇H5+App，輸入自己的項目名稱，盡量不要使用默認路徑去保存項目

4.在文件夾中找到打包生成的dist文件夾，將里面的文件放入項目中，并且替換已經(jīng)存在的index.html文件，刪除掉多余的文件夾以及文件

因為在打包項目的時候，已經(jīng)將css、js、img相關(guān)內(nèi)容進行了整合打包，在此處就不需要這些文件再次進行打包

5.進入manifest.json進行配置

（1）基礎(chǔ)配置

（2）圖標配置

（3）配置SDK

（4）權(quán)限配置（可根據(jù)需求進行選擇性配置）

（5）源碼視圖

"statusbar":{ // 應(yīng)?可視區(qū)域到系統(tǒng)狀態(tài)欄下透明顯示效果"immersed": true }

6.選用原生App-云打包——>安心打包

點擊了安心打包之后，會彈出一個提示安裝的 提示框，點擊安裝，然后進行打包校驗，復制連接進行手機號驗證，驗證成功之后，繼續(xù)打包。

7.打包成功后，根據(jù)提示apk所在位置，找到對應(yīng)的apk所在位置，就可以發(fā)送到手機上下載使用了

總結(jié)

以上是生活随笔為你收集整理的HBuilder打包的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。