[Good way to install Gsap + ScrollMagic animation plugin to angular 2/4.]

Hi,

 

this topic was answered here

https://github.com/janpaepke/ScrollMagic/issues/700

 

 

[How to use Business GreenSock in angular 2/4 with webpack]

Thank you so much, It is simple and working perfectly

[How to use Business GreenSock in angular 2/4 with webpack]

Of course. How can I send it, By mail?

 

[How to use Business GreenSock in angular 2/4 with webpack]

I read every topic about angular and webpack but I can't still solve the issue - how to use Pro functions in angular

 

I have downloaded this repository https://github.com/AngularClass/angular-starter

 

then I created private npm package called 'my-business-gsap' (in a folder on the desktop by npm init - and fill only necessary fields)

 

I copied files from common-js plus folders 'minified' and 'uncompressed'

 

then I went back to project and add my private package by npm install "path to folder"

 

I added folder with gsap typescript definitions and wrote reference to custom-typings.d.ts

And If I want to use it, I have to add it part by part like that (simple - import 'my-business-gsap' not working)

 

import { Component, OnInit }from '@angular/core';

import { TweenMax } from 'my-business-gsap'
import { EasePack } from 'my-business-gsap'
import { TimelineMax } from 'my-business-gsap'
import { CustomEase } from 'my-business-gsap'

import $ from "jquery";

@Component({
  selector: 'home'
  templateUrl: './home.component.html'
})
export class HomeComponent implements OnInit {
 
  constructor() {}

  public ngOnInit() {
      var element = $("#coin > div");
      
      var timeline = new TimelineMax({ repeatDelay: 1.2, repeat: -1, yoyo: false });
      timeline
        .to(element, 0, { rotation: 1 })
        //.. more code...
        .staggerTo(element, 1.5, { rotation: -1260, ease: CustomEase.create("custom", "M0,0 C0.126,0.382 0.332,0.678 0.654,0.808 0.819,0.875 0.88,0.874 1,1") }, .06)
        //.. more code...

  }
}

 

 Simple Tweens or Timelines are ok but things like CustomEase... is possible to compile but in chrome its throw message 

core.es5.js:1084 ERROR Error: Uncaught (in promise): TypeError: Cannot read property 'create' of undefined

 

 

CustomEase is undefined

 

Is there somebody who could help me, please?