首页 > 移动平台 > 详细

Vue cli 3 本地打包 HBuilder Android studio 生成app

时间:2020-06-10 09:50:13      阅读:126      评论:0      收藏:0      [点我收藏+]

vue项目打包

vue.config.js修改publicPath属性
publicPath: process.env.NODE_ENV === ‘production‘
    ? ‘./‘
    : ‘/‘,
router注释mode:‘history‘(否则打包后本地查看显示空白页)
const router = new VueRouter({
  // mode: ‘history‘,
  base: process.env.BASE_URL,
  routes
})
打包命令`npm run build`
打包完成后会生成dist文件夹

HBuilder生成本地打包文件

新建H5项目,保留manifest.json文件将其他文件删除,将打包后的dist文件夹中的文件复制到项目根目录,填写manifest.json中信息,添加沉浸式状态栏
"plus" : {
        "statusbar" : {
            "immersed" : true /*沉浸式状态栏*/
        },
本地打包,菜单 运行=》本地打包=》生成app资源

Android studio 离线打包

Android studio 项目配置

官方网址:https://nativesupport.dcloud.net.cn/AppDocs/usesdk/android
我下载的最新的 Android studio 在配置图片时与官方提供的教程有区别从网上找的教程可参考
图标设置:https://www.cnblogs.com/whycxb/p/9096727.html

Android studio 生成apk

生成apk: https://www.cnblogs.com/lsdb/p/9337342.html
生成apk是需要配置秘钥可参考:
安全秘钥 https://blog.csdn.net/xiaomengzi_16/article/details/79011977

Vue cli 3 本地打包 HBuilder Android studio 生成app

原文:https://www.cnblogs.com/dreamsails/p/13077085.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!