vue+HBuilder 打包成apk

最新推荐文章于 2024-09-10 11:43:18 发布

weixin_33895516

最新推荐文章于 2024-09-10 11:43:18 发布

阅读量584

点赞数

文章标签： javascript 运维移动开发 ViewUI

原文链接：https://my.oschina.net/qingqingdego/blog/3006219

版权

2019独角兽企业重金招聘Python工程师标准>>>

默认配置，

直接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用./
......
}

转载于:https://my.oschina.net/qingqingdego/blog/3006219