vue-webpack-cordova

The original Vue Webpack template prepared for running cordova apps on ios and android

If you want to know how this was built this blog post explains how this works.

Build Setup

# serve with hot reload at localhost:8080
npm run dev

# build for production with minification
npm run build

# build for mobile
npm run build-mobile

# run the ios / android app
cordova run ios
cordova run android

# build for production and view the bundle analyzer report
npm run build --report

For a detailed explanation on how things work, check out the guide and docs for vue-loader.

Dependencies

npm install -g cordova
npm install

The ios dependencies (if you need to build an ios app) [only mac]

sudo xcode-select -s /Applications/Xcode.app/Contents/Developer
npm install -g ios-sim ios-deploy

brew install cocoapods
pod setup

And the android dependencies. Here I'm using cask as package manager to install them, if you are not in mac use your favorite one.

brew tap caskroom/cask
brew cask install caskroom/versions/java8

touch ~/.android/repositories.cfg

brew cask install android-sdk
brew install gradle

Add the mobile platforms that you need

cordova platform add ios
# or / and
cordova platform add android

Check that everything is okay

cordova requirements