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