Angular seed project with Webpack 2 and Bootstrap with architecture setup with authentication

Quickstart project for bootstraping your Angular 2+ application using Webpack 2

Features

1. Architecture setup suggestion, with versions of Angular packages 2.4.6 (router 3.4.6) and Webpack 2.2.1
2. Contains folder structure that made the most sense with combining Angular 2+ guidelines and author's experience.
3. Contains couple of modules - login and dashboard, with dashboard being lazy loaded
4. Uses Bootstrap 3 sass that is setup through Webpack loading.
5. Overriden Http built in service to allow for implementing the equivalent of interceptors in AngularJS 1.* behaviour. Authentication implemented assuming you have API implemented that works with JWT.
6. Routing module with sample override of CanActivate for auth restricting on route level
7. Webpack development and production settings for:
8. Compiling and bundling .ts, .scss
9. Using resources (.html, .css, .jpg, .ico etc.) and most of the favicons given
10. Separated vendor, polyfills and app files.
11. Compiling and minifying resources for production, with hashed filenames and source maps.
12. Manifest json file support to allow for caching of unchanged files when building.
13. Linting .css/.sass/.ts files using stylelint-webpack-plugin and stylelint-config-standard.

Running the app

• Development: Execute 'npm start' command from terminal, in the root of the repository to build the files in memory and start the app on port 8080
• Production: Execute 'npm run build' command from terminal to create production build in 'dist' folder.

Tip: If you're using Visual Studio Code (and I suggest you do), if you install Terminal extension you can use ctrl+` to start the built in terminal.