title: How do I tree shake Three.js using WebPack or Rollup?
body: <p>I've got a Three.js scene that only uses a portion of the library.</p>
  
  <pre><code>import {
      Scene,
      PerspectiveCamera,
      WebGLRenderer,
      BoxGeometry,
      MeshBasicMaterial,
      Mesh} from 'three';
  </code></pre>
  
  <p>But I still end up getting most, if not all, of the entire library (~500Kb minified). Has anyone had any luck with this? I have an <a href="https://github.com/amboy00/threejs-webpack-attempt" rel="noreferrer">example GitHub</a> that shows the code I'm using.</p>