Como usar o ScrollMagic com GSAP e Webpack

Para ser usadoScrollMagic com GSAP, você precisa carregar oanimation.gsap.js plugar. Com o Webpack, você faria algo assim para fazer isso (assumindo que você usa a sintaxe CommonJS e instalou tudo com o npm):

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

Para garantir que isso realmente funcione, você deve adicionar um alias à sua configuração do Webpack, para que o Webpack saiba onde está o plug-in.

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

Infelizmente, O ScrollMagic continua gerando um erro quando você está usando essa configuração e a sintaxe CommonJS como acima.

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

questionAnswers(3)

yourAnswerToTheQuestion