hbuildx打包成apk_vue+HBuilder 打包成apk

默认配置，

直接npm run build

将生成后的dist文件夹复制出来放到HBuilder相应目录下，然后HBuild下打开dist目录。

强调：用的是HBuilder 不是 HBuildrX,因为我用HBuilderX打包反复闪退，实在搞不定原因啊

要么转换为移动app，

要么新建一个移动app然后复制manifest.json文件到disk目录。

然后右键菜单 发行=》云打包-原生安装包=》接下来直接下一步下一步就ＯＫ了。

其中android证书可以在这个网站注册个，测试够用了

http://www.appcan.cn/

踩坑：

1、默认图片都放到了assets/img/下，但是图片超过100kb打包后跑到了static/img下，然后图就裂了

解决方法：直接进static/img/  或 修改配置 limit 我给改成了1000000

{

test: /\.(png|jpe?g|gif|svg)(\?.*)?$/,

loader: "url-loader",

options: {

limit: 10000000,

name: utils.assetsPath("img/[name].[hash:7].[ext]")

}

},

2、链接跳转失效了

解决方法：原因是因为 mode:history模式，把这个取消了就可以了。

const router = new Router({

// mode: "history",

// base: getAbsolutePath(),

// base: "/app/",

routes: [

{

// 首先进行重定向操作

path: "/",

redirect: "home"

},

......

]

3、路径也要修改下

build: {

// Template for index.html

index: path.resolve(__dirname, "../dist/index.html"),

// Paths

assetsRoot: path.resolve(__dirname, "../dist"),

assetsSubDirectory: "static",

assetsPublicPath: "./", //修改打包后路径 /根路径配置 ./非根路径配置 /app/打包到指定目录 打包成apk用./

......

}