ionic-v1-webpack-boilerplate

A ionic v1 boilerplate which uses webpack instead of gulp to build the app.

Introduction

Ionic v1 uses the 1.5.3 angularJS version which is suitable for a component-based application structure.

This makes it easier to write an app in a way that's similar to using Web Components or using Angular 2's style of application architecture.

Advantages of Components:
                            
  * simpler configuration than plain directives
  * promote sane defaults and best practices
  * optimized for component-based architecture
  * writing component directives will make it easier to upgrade to Angular 2

Requirements

This boilerplate requires the following modules/libraries:

• nodejs & npm
• ionic
• cordova

Installation

Clone the repository

git clone https://github.com/rgfactory/ionic-v1-webpack-boilerplate.git yourProjectName

Go into the project directory

cd yourProjectName

Install ionic globally

npm install -g ionic

Install cordova globally

npm install -g cordova

Install module dependencies

npm install

Configuration

Development

Webpack will build hmtl, css and js files into the www directory and watch changes.

npm run dev

This command will start the ionic dev server with the liveroad option enabled.

ionic serve

Production

Webpack will build hmtl, css and js files into the www directory. Files will be minified and uglyfied.

npm run prod

add the targeted platform to your ionic project

ionic cordova platform add android

Generate ionic resources

ionic cordova resources

Run app on android device (or emulator if there is no device connected)

ionic cordova run android --no-build

The --no-build option cancels the ionic build task which uses gulp. To be able to run the app on android, you need to install the android sdk. You can do it with Android Studio.

Documentation

Ionic v1 documentation
AngularJS components documentation
Ionicons 2.0.1
Ionicons usage

Maintainers

Current maintainers:

• rgFactory