Load a library globally to a project after using yarn add

Hello, What’s the proper way to load a library (GSAP & scrollmagic in my case) after adding them using yarn add 'libraryName'. I managed to import Jquery by using provide in task-config.js, still, I’m not sure what’s the proper way to import a different library including its plugins. An example would be greatly appreciated. Thanks

[york-xtrem]

Fixed up!

Solution: Disable AMD

npm i imports-loader

import {TweenMax, TimelineMax} from "gsap";
import ScrollMagic from "scrollmagic";
import 'imports-loader?define=>false!scrollmagic/scrollmagic/uncompressed/plugins/animation.gsap';

More info: https://github.com/webpack-contrib/imports-loader, https://webpack.js.org/loaders/imports-loader/#webpack-config-js and https://github.com/janpaepke/ScrollMagic/issues/665#issuecomment-323344772

Disable AMD

There are many modules that check for a define function before using CommonJS. Since webpack is capable of both, they default to AMD in this case, which can be a problem if the implementation is quirky.

Then you can easily disable the AMD path by writing

imports-loader?define=>false

[york-xtrem]

@farissi Did you get it to work? I’ve been going crazy for a week and nothing…