/AngularLazyLoading

FantaCode Task #10 :An Example of Angular CLI lazy loading

Primary LanguageTypeScript

angular-cli-lazyloading

This is just a basic template for angular lazy load module.You can read my article about lazy loading in here

Let’s start the application and see how lazy it is.

simply run ng serve to start the application. Open Chrome Dev Tool by pressing F12, then go to Network tab. When you navigate to a new page, you will see the *.chunk.js will download if that page is never visit before.

angular-lazyload-basic

This project was generated with Angular CLI version 1.0.0.

Development server

Run ng serve for a dev server. Navigate to http://localhost:4200/. The app will automatically reload if you change any of the source files.

Build

Run ng build to build the project. The build artifacts will be stored in the dist/ directory. Use the -prod flag for a production build.

Further help

To get more help on the Angular CLI use ng help or go check out the Angular CLI README.