码迷,mamicode.com
首页 > 移动开发 > 详细

vue打包webapp要点

时间:2018-09-07 16:41:53      阅读:185      评论:0      收藏:0      [点我收藏+]

标签:选中   移动   his   apk   pat   public   安装   启动图   图片   

一、vue源码的设置
1)src中关于router的配置 model:‘history‘ 要去掉,即地址栏中保留“#”。
2)config的index关于build的配置 assetsPublicPath:‘./‘ 注意要加点。
如果上面两项没设置对,那么,打包出来的webapp是空白的,呵呵。

二、Hbuilder打包安卓的过程
1)打开目录,选择vue里面npm run build生成的dist目录。
2)右击该目录,"转换成移动APP",目录树中的图标从 W 变成 A。
3)目录树中出现 manifest.json ,双击,配置(如基本信息、图标配置、启动图片等等),保存。
4)“发行”--“云打包-打原生安装包”,提交打包任务(为了用户体验,去掉广告。选安卓证书)。
5)把产生的apk 文件分发。
在目录树中选中index.html,然后 “运行”--“浏览器运行” 即可,这样可以在chrome中去调试代码。

如果是纯粹的移动端web,没有涉及到设备,打包一个安卓基本上就结束了。

vue打包webapp要点

标签:选中   移动   his   apk   pat   public   安装   启动图   图片   

原文地址:http://blog.51cto.com/44855/2171678

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!