Cache Busting with Angular and Angular CLI

Cache Busting with Angular and Angular CLI

Cache BustingRun the below command in your project directory -

ng build --prod

The above command is used to enable cache busting by default with Angular CLI.
This command can take a few minutes based on your project size.

Stayed InformedAngular 4 and Angular 5 Documents

Steps for Cache busting with Angular and Angular CLI -
·         C:\Users\Viaindia>d:
·         D:\>cd Angular
·         D:\Angular>cd PipeApps
·         D:\Angular\PipeApps>ng serve --open
** NG Live Development Server is listening on localhost:4200, open your browser on http://localhost:4200/ **
 10% building modules 8/10 modules 2 active ...e}!D:\Angular\PipeApps\src\styles.csswebpack: wait until bundle finished: /                                  Date: 2018-01-17T03:29:29.896Z
Hash: 45eae2f48b33c394572d
Time: 7381ms
chunk {inline} inline.bundle.js (inline) 5.79 kB [entry] [rendered]
chunk {main} main.bundle.js (main) 29 kB [initial] [rendered]
chunk {polyfills} polyfills.bundle.js (polyfills) 550 kB [initial] [rendered]
chunk {styles} styles.bundle.js (styles) 33.6 kB [initial] [rendered]
chunk {vendor} vendor.bundle.js (vendor) 7.4 MB [initial] [rendered]
webpack: Compiled successfully.

The Result looks like -

You can also see the Video for Cache Busting -  


Anil Singh is an author, tech blogger, and software programmer. Book writing, tech blogging is something do extra and Anil love doing it. For more detail, kindly refer to this link..

My Tech Blog -
My Books - Book 1 and Book 2 Powered by Blogger.