Search the Community
Showing results for tags 'gsap vue vuejs vue2'.
Found 1 result
-
Dear GreenSock users/staff, I'm encountering some problems while importing some plugins with ES6 imports in my Vue.js v2 project files. First of all, a disclaimer: Npm library "gsap" works as intended, I can import any class using this easy syntax: import { TweenMax, TimelineMax, Power0 } from 'gsap' Recently, I purchased GreenSock's club membership as I needed the extra flavour provided from plugins like DrawSVGPlugin and here is where I found myself in huge troubles. These are the steps that I took: - I copied the pack I could download from the website inside my assets - I removed the npm package 'gsap' - I tried to import various libraries using the same good ol' ES6 import syntax at no avail import { TweenMax } from '../../../assets/js/vendors/gsap/TweenMax' import { DrawSVGPlugin } from '../../../assets/js/vendors/gsap/plugins/DrawSVGPlugin' When I tried to do this webpack went out of control, 20k+ ESLint errors, TweenLite dependency not found and stuff. As for the TweenLite dependency there's an easy webpack configuration tweak that I found on this forum: resolve: { .... extensions: ['', '.js', '.vue'], fallback: [path.join(__dirname, '../node_modules')], alias: { ... 'TweenLite': path.resolve(__dirname, '../src/assets/js/vendors/gsap/TweenLite') } }, But still I have huge problems with ES6Lint that doesn't come up at all importing the package from npm. Any idea on how to solve this problem would be hugely appreciated, Thanks for the time you've spent reading this, Sincerely yours
