基于Vue的项目打包为移动端app

现在基于vue全家桶技术体系,基本上可以开发各端的各种应用,pc端的应用,开发完成以后,直接运行打包命令yarnbuild即可打包,部署到服务器端上线即可。那么,今天我们来聊一聊,开发好的vue移动端应用,如何打包成app,安装在自己的手机上呢?首先,基于vue开发的应用,现在主流的是使用vue/cli的4.x版本搭建的项目,从vue-cli的3.x版本以后,如何修改vue的项目配置呢?过程和步骤如下。我们需要在项目根目录下创建一个vue.confing.js文件,项目目录如下在vue.config.js中,我们就可以写很多webpack配置,常用的有:配置端口号,配置跨域服务器代理等。我们需要的主要是配置一个打包的目录publicPath,否则打包出来的apk文件,安装在安卓手机上,可能出现白屏,具体配置如下:配置好了以后,从项目目录进入终端,运行打包命令即可打包完成以后,项目根目录下,会多出一个dist目录,内容如下:经历以上步骤,我们的vue项目就已经打包完成了,接下来,需要借助一个工具hbuilderX,把我们的项目打包为android端的apk文件,具体步骤如下:一、首先,去


转载请注明:http://www.aierlanlan.com/rzgz/7710.html

  • 上一篇文章:
  •   
  • 下一篇文章: 没有了