title: How to dynamically load module from server using React and Typescript
body: <p>I have a React / Typescript / Webpack / React-Router app that includes some fairly large JS modules.  I currently include 2 bundles (common.js and app.js) on every page.  common.js is a CommonsChunkPlugin bundle.</p>
  
  <p>However, there is a fair amount code in common.js that is only necessary on very few pages of the site, and I do not want to load from the server, or import them, them unless they are necessary.  I am fine with specifying exactly which pages need these libraries.</p>
  
  <p>I have successfully split the "big" libraries out into their own bundle (big.js) using webpack, but I do not know how to conditionally include it so that it only loads when I request it.   Seems like I have to conditionally include it in React somehow?</p>
  
  <p>How do I dynamically include a webpack JS bundle only on certain React components?</p>