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?