Um @ zu verwendScrollMagic mit GSAP, du musst das @ ladanimation.gsap.js Plugin. Mit Webpack würden Sie so etwas tun, um dies zu erreichen (vorausgesetzt, Sie verwenden die CommonJS-Syntax und haben alles mit npm installiert):

var TweenMax = require('gsap');
var ScrollMagic = require('scrollmagic');
require('ScrollMagicGSAP');

Um sicherzustellen, dass dies tatsächlich funktioniert, müssen Sie Ihrer Webpack-Konfiguration einen Alias hinzufügen, damit Webpack weiß, wo sich das Plugin befindet.

resolve: {
  alias: {
    'ScrollMagicGSAP': 'scrollmagic/scrollmagic/uncompressed/plugins/animation.gsap'
  }
}

Unglücklicherweis, ScrollMagic gibt weiterhin einen Fehler aus, wenn Sie diese Konfiguration und die CommonJS-Syntax wie oben verwenden.

(ScrollMagic.Scene) -> ERROR calling setTween() due to missing Plugin 'animation.gsap'. Please make sure to include plugins/animation.gsap.js