angular2-webpack-seed

to analyze rxjs go to home.component.ts and play with operators

npm run build:analyzer npm run bundle-report

This is a minimalistic Angular 2+ seed project, featuring:

• Angular 4.3
• TypeScript 2.4
• Bootstrap 4 (Beta)
• Ahead-of-Time Compilation
• Tree Shaking and Compression — Tiny production files 🐁
• Sass
• ng-bootstrap
• ngx-translate
• webpack 3
• @ngtools/webpack — Makes AOT + Sass possible 🎉
• Karma
• Jasmine
• TSLint
• Codelyzer

This seed follows the Angular Style Guide.

How to use

Install dependencies

npm install
# or
yarn

Development server

Use the following command to start a local development server which will display the application at http://localhost:3000.

npm start
# or
yarn start

Test your code

The following command will run your unit tests with Karma.

npm test
# or
yarn test

Analyze your code with TSLint

Run TSLint with rules based on the Angular Style Guide with this command.

npm run lint
# or
yarn lint

Build for production

Production files are located in dist.

This project uses Ahead-of-Time Compilation and Tree Shaking for much smaller production files. Files over a threshold of 1KB are also gzipped, which results in approximately 150KB for all JS/HTML/CSS in this project.

npm run build
# or
yarn build

License

MIT