Angular 2 application with some examples (currently only HTTP service and component). Please, feel free to create issues and PRs.
Templates and stylesheets are embedded into JS bundle with help of angular2-template-loader. SASS/SCSS is used for styling.
index.html is generated using html-webpack-plugin.
Hot module replacement is not provided here. Possibly I'll add it later. Same goes for service workers.
Clone repository and run npm install.
Run npm start and point your browser to http://localhost:9045/.
Use npm test to run test suite. Karma is used as test runner, Jasmine - as testing framework. Code coverage reports are generated using istanbul and remap-istanbul (this provides possibility to map back to TypeScript).
Use npm lint to check TypeScript files (via tslint) and SASS stylesheets (via sass-lint). Codelyzer helps to keep code close to Angular 2 Style Guide.
You won't find end-to-end tests in this project (usually people use Protractor for this purpose). I believe that E2E/QA testing should be written in a separate project/repository, especially if you are working on projects with microservice architecture.
Use npm run build and you will get JS bundles, their maps and index.html in dist directory.
To build for production, use NODE_ENV=production npm run build (webpack configuration is chosen according to this environment variable).
Run npm run docs to generate documentation for TypeScript (typedoc is used for that) and SASS stylesheets (done with kss-node).
-
Upgrade to
istanbul-instrumenter-loader@1.2.0breaks code coverage -
Upgrade to
remap-istanbul@0.8.*leads to error in their binary (SyntaxError: Block-scoped declarations (let, const, function, class) not yet supported outside strict mode).
-
Examples
- Typeahead with throttle/distinct
- Pipe
- AuthGuard in router
- Forms
- Input and Output
- rxjs-based WebSocket
-
Comments on tests