loama / cordova-template-vue-webpack

Framework7 - Vue - Webpack Cordova Template with Webpack Dev Server and Hot Module Replacement

Vue - Webpack Cordova Template

A template for creating

Inspired and forked from caiobiodere template

This template uses:

• Vue 2
• Vuex
• Webpack 4
• Cordova
• Babel Loader

Features:

• Hot Reload in browser
• Lint on save
• Lightweight (~)
• Code minification

Create project

cordova create cordova-template com.example.hello HelloWorld --template git://github.com/loama/cordova-template-vue-webpack.git#master

Install dependencies

npm install

Add the platforms needed

cordova platform add browser ios android

Usage

You can use every cordova | phonegap commands. You just have one more command option: -- --livereload. It starts live reload.

Example usage:

cordova run android -- --livereload
cordova run browser -- --livereload

---

App Icons

You need imagemagick or graphicsmagick and iconerator in your system, you can install them with

brew install imagemagick
graphicsmagick
npm install -g iconerator

Then you need to put two files in res folder android.png and ios.png both with recomended 1024x1024 sizes.

When you run cordova prepare, app icons will be autogenerated. If you want to update the icons, just update the android.png and ios.png files and run cordova prepare.

Those are independent, so you can have a different icon for each platform.