title: NPM / Webpack don't load GSAP TimelineLite Correctly
body: <p>I am refactoring and running cleanup on a production app, and optimizing dependencies.</p>
  
  <p>We have a React component that uses GSAP for some transition-related stuff, but only the <code>TimelineLite</code> library. It's all simple stuff, without any eases or anything, so we have no need for any of the more complex GSAP items and can now scrub them out to optimize. </p>
  
  <p>Originally, we just imported the whole GSAP library via NPM like so:</p>
  
  <p><code>import 'gsap';</code> </p>
  
  <p>Per the GSAP npm docs <em>(<a href="https://www.npmjs.com/package/gsap" rel="nofollow noreferrer">https://www.npmjs.com/package/gsap</a>)</em> ... </p>
  
  <blockquote>
    <p>The default (main) file is TweenMax which also includes TweenLite, TimelineLite, TimelineMax, CSSPlugin, RoundPropsPlugin, BezierPlugin, AttrPlugin, DirectionalRotationPlugin, and all of the eases </p>
  </blockquote>
  
  <p>Now, I'd like to trim the fat off our import, and switched to:</p>
  
  <p><code>import { TimelineLite } from 'gsap';</code></p>
  
  <p>However, this is compiling correctly but throwing the following client-side error:</p>
  
  <p><code>Uncaught TypeError: _gsap.TimelineLite is not a constructor</code></p>
  
  <p>Does anyone know why this is? Our weight savings from importing <code>TimelineLite</code> alone aren't huge, but they are worth doing. Do I need to import other parts of the GSAP libraries specifically?</p>
  
  <hr>
  
  <p><strong>NOTES:</strong></p>
  
  <p>I have also tried <code>import { TweenLite, TimelineLite } from 'gsap';</code> with no luck. Strangely, <code>import { TweenMax, TimelineLite } from 'gsap';</code> does not work either, but <code>import { TweenMax } from 'gsap';</code> does. </p>
  
  <p>Here is the animation we are using, super basic:</p>
  
  <pre><code>  new TimelineLite()
      .to('#urlCopyMessage', 0, { visibility: 'visible', opacity: 1 })
      .fromTo('#urlCopyMessage', 0.35,
        { opacity: 0, y: 20 },
        { opacity: 1, y: -30 }
      )
      .to('#urlCopyMessage', 0.35,
        { opacity: 0, delay: 0.25 }
      )
      .to('#urlCopyMessage', 0, { visibility: 'hidden' });
  </code></pre>