Skip to content
A structured Ionic starter app boilerplate
JavaScript HTML CSS
Branch: master
Clone or download

Latest commit

Fetching latest commit…
Cannot retrieve the latest commit at this time.

Files

Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
hooks
src
test/unit
www
.bowerrc
.gitignore
.travis.yml
LICENSE
README.md
bower.json
config.xml
gulpfile.js
ionic.project
karma.conf.js
package.json

README.md

Ionic Base Build Status

A simple base project for Ionic Projects.

For more information, read the blog post.

It's the same as the default project from Ionic, but has the following extras:

  • Better file structure
  • Unit test support using karma
  • Better gulp tasks.

Installation

npm install
bower install

File structure

More organised angular app structure using a single controller/service/... per file

For example, here's the default app:

src
├── js
│   ├── app.js
│   ├── controllers
│   │   ├── account.ctrl.js
│   │   ├── chatdetail.ctrl.js
│   │   ├── chats.ctrl.js
│   │   └── dash.ctrl.js
│   └── services
│       └── chats.service.js
├── scss
│   └── ionic.app.scss
└── templates
    ├── chat-detail.html
    ├── tab-account.html
    ├── tab-chats.html
    ├── tab-dash.html
    └── tabs.html

Unit test support

  • Add karma to enable unit testing the angular app
  • Run unit tests using npm test.
  • Easy CI with travis. Simply add .travis.yml

gulp tasks and watchers

  • gulp build: Concatenate and uglify app into one JS file. A sourcemap is included to enable easy debugging.
  • gulp templates: Concatenate templates into a single file that's included in the app (no requests during runtime).
  • gulp bump: Better app version changing using gulp-bump
You can’t perform that action at this time.