title: how to versioning file or folder name in React.js?
body: <p>I'm using Create React app and Apache. And I have a cache busting problem.
  When every time I change my code and deploy server, build it, chrome doesn't get new code but old one.
  So I searched about it, and got found that problem caused by the cache busting.
  I saw the following code as a solution.</p>
  
  <pre><code>&lt;link rel="stylesheet" type="text/css" href="theme.css?version=20190416"&gt;
  </code></pre>
  
  <p>It was to write version after the file name.
  But I do not know how to apply the above method to react.</p>
  
  <p>This is my react code.</p>
  
  <p>App.js</p>
  
  <pre><code>import React, {Component} from 'react';
  import './App.css';
  import {Route, Switch} from "react-router-dom";
  import Homefrom "./page/Home";
  import About from "./page/About";
  
  class App extends Component {
      constructor(props) {
          super(props);
      }
  
      render() {
          return (
               &lt;Switch&gt;
                   &lt;Route exact path="/home" component={Home}/&gt;
                   &lt;Route exact path="/about" component={About}/&gt;
               &lt;/Switch&gt;
          );
      }
  }
  
  export default withRouter(App);
  </code></pre>
  
  <p>Root.js</p>
  
  <pre><code>const Root = () =&gt; {
  return (
      &lt;Router history={history}&gt;
          &lt;Route path="/" component={App}/&gt;
      &lt;/Router&gt;
  );
  };
  
  export default Root;
  </code></pre>
  
  <p>index.js</p>
  
  <pre><code>import React from 'react';
  import ReactDOM from 'react-dom'
  import 'core-js';
  import 'react-app-polyfill/ie11';
  import './index.css';
  import * as serviceWorker from './serviceWorker';
  import Root from "./Root";
  
  ReactDOM.render(&lt;Root/&gt;, document.getElementById('root'));
  
  serviceWorker.unregister();
  </code></pre>
  
  <p>index.html</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html lang="en"&gt;
    &lt;head&gt;
      &lt;meta charset="utf-8" /&gt;
      &lt;link rel="shortcut icon" href="%PUBLIC_URL%/favicon.ico" /&gt;
      &lt;meta
        name="viewport"
        content="width=device-width, initial-scale=1, shrink-to-fit=no"
      /&gt;
      &lt;meta name="theme-color" content="#000000" /&gt;
  
      &lt;link rel="manifest" href="%PUBLIC_URL%/manifest.json" /&gt;
      &lt;title&gt;React.js&lt;/title&gt;
    &lt;/head&gt;
    &lt;body&gt;
      &lt;noscript&gt;You need to enable JavaScript to run this app.&lt;/noscript&gt;
      &lt;div id="root"&gt;&lt;/div&gt;
    &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>I've also reading about how to set up output file in webpack.config.js file, but I do not get it.
  Someone's help me please.
  Thank you for reading.</p>