vue做混合式app_cordova如何把vue项目打包成混合app?

很多时候我们已经用vue写好了移动端web应用。老板还想做手机上面安装的app。 这个时候就可以用cordova把vue打包成可以安装的app

下面我们就看看cordova如何把vue项目打包成混合app?

cordova打包vue项目：

cordova: 可以把html css js写的代码打包成app，还可以让js调用原生的api

cordova+vue、cordova+react 、cordova+angular 、 cordova+jquery

都可以实现吧web页面打包成app

在使用cordova打包vue之前首先需要安装cordova以及创建cordova项目

1、创建vue项目的时候有两种方式：

vue init webpack 项目名称

vue init webpack-simple 项目名称

2、正式发布vue的项目：(把vue项目打包成浏览器能解析的代码)

npm run build (把vue打包成浏览器能解析的代码)

3、把vue项目用cordova打包成app：

1. npm run build (注意：图片 目录的路径)

2、把vue打包后的静态资源复制到cordova项目里面

3、运行 cordova prepare

注意：

如果您是使用vue init webpack-simple 项目名称

需要修改：webpack.config.js里面 publicPath

把publicPath: '/dist/' 改为 publicPath: 'dist/'

修改index里面引入dist的路径 去掉前面的 / (重要)

如果您是使用vue init webpack 项目名称

修改：config/index.js 把 assetsPublicPath: '/', 修改成 assetsPublicPath: './',

cordov vue项目中调用手机原生api