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
- angular1-onsen
- angular1-onsen-webpack
- angular1-onsen-typescript-webpack
learning course.
Warning: Make sure you're using the latest version of Node.js and NPM
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.
What you need to run this app:
node
andnpm
npm install
to install build environment dependenciesbower install
to install javascript library dependencies
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:
gulp build-dev
- production build:
gulp build-prod
- clean distribution (www) folder:
gulp clean
- run and watch changes:
gulp run-dev
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.
TODO