ScrollMagic+gsap+Webpack的大坑

ScrollMagic是做鼠标滚轮特效的一个框架,效果很好,但是它需要引入gsap(渲染动画)框架。但是webpack不能简单的引入这两个package。会出现很多问题。
这里有一个简单且有效的方法,避免复杂的环境搭建。
引入第三方包(scrollmagic-plugin-gsap)进行管理配置

import * as ScrollMagic from "scrollmagic"; // Or use scrollmagic-with-ssr to avoid server rendering problems
import { TweenMax, TimelineMax } from "gsap"; // Also works with TweenLite and TimelineLite
import { ScrollMagicPluginGsap } from "scrollmagic-plugin-gsap";
 
ScrollMagicPluginGsap(ScrollMagic, TweenMax, TimelineMax);
 
// There you can use setTween() in ScrollMagic Scene with no problems

避免秃头

posted @ 2020-06-25 18:35  我有颗小粒的痣  阅读(308)  评论(0)    收藏  举报