Cache Busting - Run 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 Informed
– Angular 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..
|
