Clear browser cache in Angular

by

When you are building the application using ng build, you should use the following flag:

--outputHashing=all

This is to enable cache-busting. This adds a hash to every single built file such that the browser is forced to load the latest version whenever you have uploaded a new version to your servers.

Threfore, one way to do it would be to run this: 

ng build --prod --outputHashing=all

You may read more about the build options flags over here.

If you do not wish to append the flags when you run ng build, you should set it on your configurations at the angular.json file.

"configurations": {
  "production": {
    "optimization": true,
    "outputHashing": "all",
     .
     .
     .
  }
}

More Related Contents:

  1. How to prevent Browser cache on Angular 2 site?
  2. NgFor doesn’t update data with Pipe in Angular2
  3. How to determine previous page URL in Angular?
  4. How can I write data attributes using Angular?
  5. Repeat HTML element multiple times using ngFor based on a number
  6. How to get query parameters from URL in Angular 5?
  7. Use component in itself recursively to create a tree
  8. In Angular, What is ‘pathmatch: full’ and what effect does it have?
  9. CUSTOM_ELEMENTS_SCHEMA added to NgModule.schemas still showing Error
  10. Connect method DataSource is not emitting all paginated rows for MatTable
  11. Getting instance of service without constructor injection
  12. how to use track by inside ngFor angular 2
  13. Angular2: Insert a dynamic component as child of a container in the DOM
  14. How to install a specific version of Angular with Angular CLI?
  15. Using a directive to add class to host element [duplicate]
  16. How to trace routing in Angular 2?
  17. How to use Dependency Injection (DI) correctly in Angular2?
  18. Angular – What is the meanings of module.id in component?
  19. Create a reusable FormGroup
  20. Reactive Forms: How to add new FormGroup or FormArray into an existing FormGroup at a later point in time in Angular till v14
  21. Pass parameter into route guard
  22. Typescript dependency injection public vs private
  23. Merging http observables using forkjoin
  24. How to access host component from directive?
  25. Property ‘toPromise’ does not exist on type ‘Observable’
  26. TypeError: Object prototype may only be an Object or null: undefined Angular 8
  27. How to call scrollIntoView on an element in angular 2+
  28. Conditional ngModel in Angular2
  29. Why is ES7/array polyfill needed despite the tsconfig target is set to ES5
  30. Firestore how to get the collection value from another collection document id is referenced

Leave a Comment