HBuilder打包

打包步骤：

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

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

 

2.打开终端，进入项目根路径，执行npm run build，生成dist打包文件

3.打开HBuilder，新建项目，选择H5+App，输入自己的项目名称，尽量不要使用默认路径去保存项目

4.在文件夹中找到打包生成的dist文件夹，将里面的文件放入项目中，并且替换已经存在的index.html文件，删除掉多余的文件夹以及文件

因为在打包项目的时候，已经将css、js、img相关内容进行了整合打包，在此处就不需要这些文件再次进行打包

5.进入manifest.json进行配置

（1）基础配置

（2）图标配置

（3）配置SDK

（4）权限配置（可根据需求进行选择性配置）

（5）源码视图

"statusbar":{ // 应⽤可视区域到系统状态栏下透明显示效果
 "immersed": true
}

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

点击了安心打包之后，会弹出一个提示安装的 提示框，点击安装，然后进行打包校验，复制连接进行手机号验证，验证成功之后，继续打包。

7.打包成功后，根据提示apk所在位置，找到对应的apk所在位置，就可以发送到手机上下载使用了