title: Tweaking react lazy loading webpack output to combine two webapps
body: <p>We have a React Webapp where every route is lazy loaded:</p>
  <pre><code>const HomeScreen = React.lazy(() =&gt; import('../components/HomeScreen/HomeScreen'));
  </code></pre>
  <p>This, as expected, generates various JS files during a production build:</p>
  <ul>
  <li>main.js</li>
  <li>1.main.js</li>
  <li>2.main.js</li>
  </ul>
  <p>Is there any way to load those generated production code in another Webapp we have?
  Do they simply replace the content of a specific DOM element? and if so, how do they go about it?</p>