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

vue项目打包成app方法

时间:2021-05-24 07:30:01      阅读:0      评论:0      收藏:0      [点我收藏+]

标签:mamicode   步骤   页面   json   适配   pac   ima   node   uil   

需要下载HBuildX 软件

步骤1

编译自己的VUE项目 

编译项目之前有很重要的步骤不能忘记

将config文件夹里面的index.js中的assetsPublicPath的值修改 为“./”

webpack.prod.conf.js 中output添加参数publicPath:’./’
在webpack.base.conf.js里
publicPath: process.env.NODE_ENV === ‘production’
? ‘./’ +config.build.assetsPublicPath
: ‘./’ + config.dev.assetsPublicPath

这三个文件最好进行备份因为改了这些 你的浏览器就打不开页面了  改这个只是适配app  改完之后 进行项目编译

技术图片

 

编译之后的页面在这了

步骤2

打开HBuildX 新建 5+app项目

技术图片

 

新建成功之后

技术图片

 

 其中 js img css 文件夹都是空的可以直接删除  index.html 也要删除 因为要用我们自己编译的东西

步骤3

将自己VUE编译好的 dist下面的static 文件夹和index.html 放入peachFile 文件夹下

技术图片

 

 步骤四  配置启动项

在hbuildx点击 manifest.json 右边

技术图片

 

 

可以配置自己喜欢的启动图片  可以一个一个配  也可以上传一个 后面一键生成

 技术图片

 

 

配置自己用到的模块

完成之后 点击  发行--原生app

技术图片

 

 选用公测证书直接点击打包即可

 

vue项目打包成app方法

标签:mamicode   步骤   页面   json   适配   pac   ima   node   uil   

原文地址:https://www.cnblogs.com/zddbean/p/14763373.html

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