caching issue with web application developed using reactjs & webpack
<p>I am working on a web application developed using reactjs and webpack. After every deployment, we have to ask users to clear the browser cache and restart their browsers. I think the javascript bundle file and css file both are getting cached on user browser. </p>

<p>How can we force browser not to cache these files or make it download the latest files from the server.</p>

<pre><code>&lt;html&gt;
  &lt;head&gt;
    &lt;meta charset="utf-8"&gt;
    &lt;title&gt;My App&lt;/title&gt;
            &lt;link rel="stylesheet" href="styles.css" media="screen" charset="utf-8"&gt;
  &lt;/head&gt;
  &lt;body&gt;
    &lt;div id="app"&gt;&lt;/div&gt;
    &lt;script src="bundle.js"&gt;&lt;/script&gt;
  &lt;/body&gt;
&lt;/html&gt;
</code></pre>