Hello, Can someone help me with the correct way to install and use Gsap and Scroll Magic? I’ve added them both fine with yarn add its just linking it up. import TweenMax from 'gsap/src/minified/TweenMax.min'; import ScrollMagic from 'scrollmagic/scrollmagic/uncompressed/ScrollMagic'; import…

Scrollmagic requires some customisation to your webpack.config.js file in order to work correctly. Specifically, you should add the following to your resolve section: resolve: { modules:[ // ... ], alias: { "TweenLite": path.resolve('node_modules', 'gsap/src/uncompressed/…

[image] Nicolo_Sacchi: “TweenLite”: path.resolve(‘node_modules’, ‘gsap/src/uncompressed/TweenLite.js’), “TweenMax”: path.resolve(‘node_modules’, ‘gsap/src/uncompressed/TweenMax.js’), “TimelineLite”: path.resolve(‘node_modules’, ‘gsap/src/uncompressed/TimelineLite.js’), “TimelineMax”: path.resolv…

Hi, I’m having the same issue here. How do your imports look like after? How do you import the scripts? I’M having issues with this method. Any ideas?

Getting Started
Releases
Support us

WP Packages is our new WPackagist replacement that's 17x faster and updates every 5 minutes

Roots Discourse

Sage 9 External Dependencies Gsap / Scroll Magic

sage

sage9, webpack

aitor April 10, 2019, 10:45am 6

GSAP + webpack with easing effects sage

Just for explain the alias needed. For use GSAP and ScrollMagic together, there is a malfunction with WebPack that I don’t understand completely: Here is an explanation and a fix (don’t work for me): Another fix implies the use of aliases (it works for me): And somebody mention it even in this forum: If I remove GSAP aliases I get this error at yarn build: These dependencies were not found: * TimelineMax in ./node_modules/scrollmagic/scrollmagic/uncompressed/plugins/animation.gsap.…

show post in topic

Home
Categories
Guidelines
Terms of Service
Privacy Policy

Powered by Discourse, best viewed with JavaScript enabled