0.0.4 • Published 6 years ago
@m0dch3n/vue-cli-plugin-cordova v0.0.4
@m0dch3n/vue-cli-plugin-cordova
Vue CLI 3.x plugin for Apache Cordova.
Integrate Cordova into Vue Cli App
How To
$ npm install -g cordova # If cordova is not already installed
$ vue add @m0dch3n/cordova
$ npm run cordova-serve-android # Development Android
$ npm run cordova-build-android # Build Android
$ npm run cordova-serve-ios # Development IOS
$ npm run cordova-build-ios # Build IOS
$ npm run cordova-serve-browser # Development Browser
$ npm run cordova-build-browser # Build Browser
What is the plugin doing ?
During installation
- Setting baseUrl in vue.config.js to '' because in cordova production, files are served from file://android_asset/www/
- Setting cordovaPath in vue.config.js
- Checking if router is available and modify router mode to 'hash' if process.env.CORDOVA_PLATFORM is set
- Adding ignore paths for cordova in .gitignore
- Executing 'cordova create cordovaPath id appName' (cordovaPath, id and appName will be prompted)
- Executing 'cordova platform add platform' (platform will be prompted)
In development mode
- Adding cordova.js to your index.html
- Defining process.env.CORDOVA_PLATFORM to android or ios
- Starting the Dev Server
- Pointing the cordova config.xml to Dev Server
- Executing 'cordova clean'
- Executing 'cordova run platform'
In Production mode
- Adding cordova.js to your index.html
- Defining process.env.CORDOVA_PLATFORM to android or ios
- Pointing the cordova config.xml to index.html
- Building the app, output to /cordovaPath/www
- Executing 'cordova clean'
- Executing 'cordova build platform --release'
Please note
- You need to manually sign and publish the app in the app store
- You need to handle cordova's "deviceready" etc in your app
- Cordova Plugins can be added under /cordovaPath by executing 'cordova plugin add PLUGIN'
- If you want to debug your build app, using chrome devtools, build your app with 'cordova build platform --debug' and make sure /cordovaPath/www has your latest build
License
MIT