vue移动端(H5)打包

1.创建vue.config.js文件，文件里可以配置webpack相关设置，需加上pubilcPath:’./’,加上./主要是预防打包后出现白屏的情况。
2.在终端执行npm run build 或者 yarn run build,执行完毕后姿势会在项目文件中生成一个dist文件，手动打开页面，此时会出现项目相关的视图等，这表明成功。
3.打开HbuilderX编辑器，新建项目(5+App(A))这个选项，然后将项目中生成的dist文件里的内容替换到在HbuilderX中新建的项目，直接粘贴替换掉(图片名不能的出现汉字，否则打包过程中会报错)。紧接着打开manifest.json文件，基础设置填写自己的AppId、应用名称，其他选项默认即可，打开图标配置选择自己需要的图标，在一键生成所有图标替换。
4.导航栏–>发行–>原生App-云打包–>选择自己需要的Android/IOS包–>证书如有可以选择，反之使用公共测试证书–>打正式包–>开通基础广告(可选)–>打包。
5.打包完成后控制器会显示打包后的地址，直接点击下载，下载完成后可通过发送到手机进行安装体验，作者使用的是夜神模拟器(如需使用模拟器的话在manifest.json中的App常用其他设置中找到x86并勾选，如果不勾选的话模拟器可能会白屏)。
6.此时就可以使用自己的App了。