将vue-cli3项目使用HBuilder X打包移动端app

将vue-cli3项目使用HBuilder打包移动端app

1.在根目录vue.config.js文件里面加publicPath: ‘./’,

module.exports={
	publicPath: './',
}

2.路由方式换成hash模式

const router = new VueRouter({
    mode: "hash",
    base: process.env.BASE_URL,
    routes
});

export default router;

3.运行npm run build 打包生成的dist文件

4.创建H5+APP默认模板项目，目录为打包的dist文件

5.点击manifest.json文件进行配置
基础配置appid

图标配置
在图标配置里面选择app图片，再自动生成所有图标，在unpackage下res的icons可以看到所有图标

其他配置根据自己项目实际情况勾选填写，我用的都是默认的

6.发行打包app

7.这里打包的安卓的，ios的需要申请证书。

8.打包成功过后会返回下载链接

9.以上！就打包完成啦~