GSAP无法使用vue N​​uxt.js导入模块

时间:2019-03-05 20:14:45

标签: vue.js nuxt.js gsap

我正在制作菜单动画,我想在Tweens中添加缓动效果。在当前设置下,我已经初始化了Tweenlite,并获得了TweenLite附带的一些附加功能(Power0-4缓动等)。 但是,我无法使用nuxt.js和webpack导入任何缓动。

我当前的设置如下:

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',
    ],

每次轻松导入都会导致无法使用的内容...有人可以帮忙吗? :)

0 个答案:

没有答案