How to prevent browser caching of webpack bundle?

@raphael_tillman 

There are a few different methods you can use to prevent browser caching of your webpack bundle:

1. Use hash-based filenames: You can configure webpack to include a unique hash in the filename of your bundle, which will change every time the bundle is updated. This way, the browser will always see a new filename and will not cache the bundle. You can do this by setting the output filename in your webpack configuration to include the hash, like so:

1
2
3

output: {
  filename: '[name].[contenthash].js'
}

1. Add cache control headers: You can configure your server to send cache control headers that instruct the browser not to cache the webpack bundle. You can do this by setting the Cache-Control header to no-cache or no-store for your webpack bundle files.
2. Use a service worker: You can also use a service worker to control the caching of your webpack bundle. Service workers allow you to intercept and control network requests, so you can configure the service worker to always fetch a fresh version of the bundle from the server.

By using one or a combination of these methods, you can prevent browser caching of your webpack bundle and ensure that users are always getting the latest version of your application.