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项目

cordova Android 、Cordova Ios项目创建方法：http://bbs.itying.com/topic/5bcc7ab4ea9422126cb765db

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: './',

Vue Cli3的话参考下面配置 https://cli.vuejs.org/zh/config/#vue-config-js

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

http://bbs.itying.com/topic/5bcc7c83ea9422126cb765dc