Как использовать 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