ScrollMagic avec React

Question

J'essaie de faire fonctionner ScrollMagic avec ES2015 import et React. J'obtiens cette erreur :

ERROR in ./~/scrollmagic/scrollmagic/uncompressed/plugins/animation.gsap.js
Module not found: Error: Cannot resolve module 'TimelineMax' in /Users/dillonraphael/Desktop/marbleshark_landingpage/node_modules/scrollmagic/scrollmagic/uncompressed/plugins
 @ ./~/scrollmagic/scrollmagic/uncompressed/plugins/animation.gsap.js 31:2-61

C'est ainsi que j'importe tout.

import {gsap, TimelineMax, TweenMax} from 'gsap';
import ScrollMagic from 'ScrollMagic';
require('scrollmagic/scrollmagic/uncompressed/plugins/animation.gsap');

Answer 1

En utilisant cette import fonctionne pour moi :

import * as ScrollMagic from 'scrollmagic'

après avoir installé le paquet avec npm install scrollmagic .

Answer 2

Voici comment je procède :

Webpack :

config.resolve.alias = {
      ScrollMagic: path.resolve('node_modules', 'scrollmagic/scrollmagic/uncompressed/ScrollMagic.js'),
};

componentDidMount() {
    const ScrollMagic = require('ScrollMagic');
    const controller = new ScrollMagic.Controller({ globalSceneOptions: { triggerHook: 0 } });
}