Как использовать ScrollMagic с GSAP и Webpack

Для того, чтобы использоватьScrollMagic с GSAPнужно загрузитьanimation.gsap.js плагин. С Webpack вы могли бы сделать что-то подобное для достижения этой цели (при условии, что вы используете синтаксис CommonJS и установили все с помощью npm):

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

Чтобы убедиться, что это действительно работает, вы должны добавить псевдоним в вашу конфигурацию Webpack, чтобы Webpack знал, где находится плагин.

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

к несчастьюScrollMagic продолжает выдавать ошибку, когда вы используете эту конфигурацию и синтаксис CommonJS, как указано выше.

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

Ответы на вопрос(3)

Ваш ответ на вопрос