前言

現在跨平臺的開發越發的火了起來。前端能做到的事情也越來越多，App再也不用完全依靠安卓原生開發了。現在開發app的方式都是內核是前端開發，然后再給項目套一個安卓的外殼，即可實現app的開發。

Vue開發app如何打包？

現在最新的腳手架為Vue-cli3,構建出來的項目結構十分明了簡單。配置文件只需一個Vue.config.js即可搞定。 先到Vue.config.js里面添加：

``` JSmodule.exports = {// 選項...,baseUrl: './',devServer: {port: 8080, // 端口號host: 'localhost',https: false, // https:{type:Boolean}open: true, //配置自動啟動瀏覽器// proxy: 'http://localhost:4000' // 配置跨域處理,只有一個代理proxy: {'/api': {target: '',//后端接口地址ws: true,changeOrigin: true,//是否允許跨域pathRewrite: {'^/api': '' //直接用'api/接口名'進行請求.}}} // 配置多個代理}, }; ``` 復制代碼

將baseUrl改為'./' 然后用webpack將項目打包為dist文件.

打開Huilder 點擊打開目錄 找到剛剛的dist文件夾，取好項目名稱。

右點擊項目，將項目轉換為App

然后進行mainfest文件配置，制作app圖標和啟動頁 點擊進行云打包進行打包

然后下載打包好之后的.apk文件即可。

轉載于:https://juejin.im/post/5c8a2139e51d45476f07e0c9

總結

以上是生活随笔為你收集整理的Vue cli3+Hubuilder将项目打包为App的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。