angular1-onsen-typescript-webpack

A seed template for angular1 & onsenui & typescript & webpack project

This project is a starting point for building Angular 1.x applications with onsenui, typescript and webpack. Also for further

1. angular1-onsen
2. angular1-onsen-webpack
3. angular1-onsen-typescript-webpack

learning course.

Warning: Make sure you're using the latest version of Node.js and NPM

Quick start

Clone/Download the repo

# clone repo
$ git clone https://github.com/snipking/angular1-onsen-typescript-webpack.git angular1-onsen-typescript-webpack

# change directory to app root
$ cd angular1-onsen-typescript-webpack

# install the dependencies with npm
$ npm install

# install the dependencies with bower
$ bower install

# run and watch changes
$ gulp run-dev

If everything goes right, chrome browser will open with url http://localhost:8384/index.html otherwise you should open it manually.

Table of Contents

• Getting Started
  • Dependencies
  • Installing
  • Running the app
  • Developing
  • Testing
• License

Getting Started

Dependencies

What you need to run this app:

• node and npm

Installing

• npm install to install build environment dependencies
• bower install to install javascript library dependencies

Running the app

After you have installed all dependencies you can now run the app with:

gulp run-dev

It will start a local server using webpack-dev-server, and scripts build with webpack will watch, build (in-memory), and reload by it; other resources will watch by gulp. Chrome browser will open with url http://localhost:8384/index.html.

Developing

Build files

• developing build:

gulp build-dev

• production build:

gulp build-prod

• clean distribution (www) folder:

gulp clean

• run and watch changes:

gulp run-dev

IDE

This project build with NetBeans 8.1, so the nbproject folder included. This is not required and if you are using other IDE, just delete it.

Testing

1. Unit Tests

TODO

License

APACHE