使用GSAP的scrollToPlugin与create-react-app时出错

Question

我正在尝试使用GSAP的scrollToPlugin与facebook的'create-react-app'但是我收到此错误 -

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

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

Answer 1

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

Answer 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})