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