Cómo usar ScrollMagic con GSAP y Webpack

Para usarScrollMagic con GSAP, necesitas cargar elanimation.gsap.js enchufar. Con Webpack harías algo como esto para lograr eso (suponiendo que uses la sintaxis CommonJS e instales todo con npm):

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

Para asegurarse de que esto realmente funcione, debe agregar un alias a su configuración de Webpack, para que Webpack sepa dónde vive el complemento.

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

Desafortunadamente, ScrollMagic sigue arrojando un error, cuando está utilizando esta configuración y la sintaxis de CommonJS como la anterior.

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

Respuestas a la pregunta(3)

Su respuesta a la pregunta