Jump to content


greensock business green - angular 2 - Typedef - plugin usage

Warning: Please note

This thread was started before GSAP 3 was released. Some information, especially the syntax, may be out of date for GSAP 3. Please see the GSAP 3 migration guide and release notes for more information about how to update the code to GSAP 3's syntax. 

Recommended Posts

This works :


npm install gsap


npm install @types/gsap


by configurig tweenlite into systemjs packaging,


worked as expected  with angular 2/4


The questions are

  •  how to install business green gasp package so I can use with angualr 2/4.
  • How plugins like splittext can be used along with this.


Appreciate any help.



Link to comment
Share on other sites

Thanks for your response. 


I copied all .js files from commonsjs-flat into node_modules\gsap.


import { SplitText, TimelineMax, TweenLite} from 'gsap';


No issues with TimelineMax and TweenLite.


But SplitText throws exception as follows:



__WEBPACK_IMPORTED_MODULE_1_gsap__.SplitText is not a constructor



Thanks for your help.

Link to comment
Share on other sites

Oh, right - "gsap" is the same as TweenMax, so your import statement would only work for any of the classes that come inside of TweenMax but SplitText is not one of those. Have you tried this?: 

import SplitText from "gsap/SplitText";
Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
  • Recently Browsing   0 members

    • No registered users viewing this page.