Jump to content
Search Community

Femme Fatale Studio

Members
  • Posts

    1
  • Joined

  • Last visited

Posts posted by Femme Fatale Studio

  1. Hi, I am working on a project using the DrawSVGPlugin, and using native JS that's compiled with gulp and webpack.

    I'm importing gsap and the plugin as such : 

    import gsap, { TimelineLite} from 'gsap';
    import * as drawSVG from '../gsap-extras/DrawSVGPlugin.js';

    and the registering the plugin in the constructor of my component's class using

    gsap.registerPlugin(drawSVG);

    Then, I simply want to test the plugin doing something like : 

    new TimelineLite().set([this.anchorCircles, this.anchorFillCircles], {
    	drawSVG: 0
    });

    This is actually working as long my gulp server is watching the changes and displaying the development JS, but after running a build,

    I'm able to log the drawSVG imported, but the TimeLine().set wont have any effect on my elements.

     

    I can't provide my gulp config if this is needed, but may be there's something simpler that I am missing here..

    Thank you :)

     

    EDIT:

     // Finally found that the way the webpack was configured prevented the minified plugin to work. I had to change the webpack babili plugin to webpack minify plugin !

×
×
  • Create New...