webpackでGSAP ScrollToPluginを利用した際にproductionモードでbuildした場合にエラーが発生。
(developmentモードでは正しく機能する)
例
import { TimelineMax, ScrollToPlugin } from 'gsap/all';
〜中略〜
TweenMax.to(window, 0.4, {
ease: Power1.easeOut,
scrollTo: {
y: 0,
autoKill: false
}
});
このようなコードをproductionモードでbuildすると、下記の様なエラーが発生し機能しない。
Failed to execute 'scrollTo' on 'Window': parameter 1 ('options') is not an object.
#解決策
const scrollPlugin = ScrollToPlugin;
を追加することで解決。
import { TimelineMax, ScrollToPlugin } from 'gsap/all';
const scrollPlugin = ScrollToPlugin;
〜中略〜
TweenMax.to(window, 0.4, {
ease: Power1.easeOut,
scrollTo: {
y: 0,
autoKill: false
}
});