5forcegees / angular2.0-Wepack-App

Angular 2.0 Sample App using Typescript as a ECMAScript 6 standard and invoking webpack as a module bundler.

Angular 2.0 Sample App

Angular 2.0 Sample App using Typescript as a ECMAScript 6 standard and invoking webpack as a module bundler. Gulp is included in the stack to wrap Webpack and any other required task automation processes.

Tags

• Angular 2.0
• TypeScript
• ECMAScript 6 Standard
• Webpack
• Gulp

Getting Started

Dependencies

What is needed to run this app:

• node
• npm
• gulp

Install the following node modules

• webpack (npm install -g webpack)
• webpack-dev-server (npm install -g webpack-dev-server)
• karma (npm install -g karma-cli)
• protractor (npm install -g protractor)
• TypeScript (npm install -g typescript)
• TSD typings (npm install -g tsd)

Install

• fork repo
• clone
• npm install
• gulp starts the dev server in

Running App

After installation run npm run server to start a local server using webpack-dev-server which will watch, build (in-memory), and reload for you. The port will be displayed to you as http://localhost:3000 (or if you prefer IPv6, if you're using express server, then it's http://[::1]:3000/).

server

$ webpack-dev-server

Other Commands

build files

$ webpack

watch and build files

$ webpack --watch

Webpack Dev Server and Watch and build files

$ gulp serve

run tests

$ karma start

run webdriver (E2E)

$ webdriver-manager start
then
$ npm run e2e

Angular 2.0 API

reference: https://angular.io/docs/js/latest/api/

License

MIT