vue+HBuilder 打包成apk

默认配置，

直接npm run build

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

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

要么转换为移动app，

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

 

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

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

http://www.appcan.cn/

 

踩坑：

一、默认图片都放到了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]")
        }
      },

二、连接跳转失效了

解决方法：缘由是由于 mode:history模式，把这个取消了就能够了。

const router = new Router({
  // mode: "history",
  // base: getAbsolutePath(),
  // base: "/app/",
  routes: [
    {
      // 首先进行重定向操做
      path: "/",
      redirect: "home"
    },
    ......
    ]

三、路径也要修改下

build: {
    // Template for index.html
    index: path.resolve(__dirname, "../dist/index.html"),

    // Paths
    assetsRoot: path.resolve(__dirname, "../dist"),
    assetsSubDirectory: "static",
    assetsPublicPath: "./", //修改打包后路径 /根路径配置 ./非根路径配置  /app/打包到指定目录  打包成apk用./
......
}