将 GSAP 的 scrollToPlugin 与 create-react-app 一起使用时出错答案

【问题标题】：Error using GSAP's scrollToPlugin with create-react-app将 GSAP 的 scrollToPlugin 与 create-react-app 一起使用时出错
【发布时间】：2016-10-12 07:59:04
【问题描述】：

我正在尝试将 GSAP 的 scrollToPlugin 与 facebook 的“create-react-app”一起使用，但是我收到了这个错误 -

./~/gsap/src/uncompressed/plugins/ScrollToPlugin.js 中的错误找不到模块：'TweenLite'

我假设这是因为插件需要 TweenLite 但它的文件没有导入它。我读过我可以通过 webpack.config 文件解决这个问题，但是我不想弹出。有没有人知道另一种解决方法？

【问题讨论】：

标签： reactjs gsap

【解决方案1】：

由于它对模块的支持是 broken，而且目前它似乎优先支持像 RequireJS 这样的系统，而不是像 Browserify 和 webpack 这样的现代打包程序，你最好的做法可能是将库复制到 public 文件夹并使用它作为 HTML 文件中的 <script> 标记。然后，您可以将其与浏览器全局变量一起使用，而不是导入。

【讨论】：

【解决方案2】：

在他们的论坛上有很多关于这个问题的讨论：

http://greensock.com/forums/topic/14873-gsap-npmwebpack-import-for-scrolltoplugin/

如果您不想 eject ，那么可以通过删除 /node_modules/gsap/src/uncompressed/plugins/ScrollToPlugin.js 文件中的第 180-185 行来实现此功能。

那么你可以：

import TweenLite from 'gsap';
import 'gsap/src/uncompressed/plugins/ScrollToPlugin';

...

TweenLite.to(something, someValue, {scrollTo: someValue})

【讨论】：