Я работаю над анимацией меню, где я хотел бы добавить ослабления к своим Tweens.С моей текущей настройкой я инициализировал Tweenlite и получил некоторые дополнительные, которые идут с TweenLite (Power0-4 ослабления и т. Д.).Однако я не могу импортировать замедления с помощью nuxt.js и веб-пакета.
Моя текущая настройка выглядит следующим образом:
AppMenu.vue
import TimelineLite from 'gsap/TimelineLite'
//import { Bounce, } from 'gsap/EasePack'
//import Test from 'gsap/umd/EasePack'
//import { Bounce, } from 'gsap/all'
//import { Bounce, } from 'gsap/index'
...
tl.add(
TweenLite.fromTo(
this.$refs.cta.$el,
0.6,
{ opacity: 0, y: 500, },
{ y: 0, opacity: 1, ease: Bounce.EaseIn, }
)
)
nuxt.config.js
transpile: [
'gsap',
'gsap/EasePack',
'gsap/all',
],
Каждый импорт Easing приводит к тому, что вещи не работают ... Может кто-нибудь помочь?:)