3

TL;DR有没有人能够使用 bower 安装 ScrollMagic + GSAP 动画？

我有一个具有完整根堆栈的网站（这意味着我正在使用 bower 进行前端依赖管理并使用 gulp 来构建网站。）并且我正在尝试在其上使用ScrollMagic动画。

其中一些动画具有 greensock 库作为先决条件。所以我bower.json有以下内容：

  "dependencies": {
    "bootstrap-sass": "3.3.6",
    "gsap": "GreenSock-JS#^1.18.2",
    "scrollmagic": "2.0.5"
  },

如果我运行 gulp 并浏览我的网站，我可以看到main.jsGreenSock中有引用

根据scrollmagic 文档，在我看来，我正在搜索“plugins/animation.gsap.js”，但是在阅读了ScrollMagic的官方文档之后......

选项 2：鲍尔

ScrollMagic 也可以在 bower 上使用，并且只会安装必要的源代码，而忽略所有示例和文档文件。请注意，由于它们不是核心依赖项，如果您选择使用它们，则必须手动添加 GSAP、jQuery 或 Velocity 等框架。

所以很明显，通过 bower 安装 GSAP 库就足够了。

此外，我不确定“gsap 插件”是否与“gsap 库”相同，但在bower 注册表中似乎没有其他更合适的了。

谢谢！

4

1 回答 1

2

似乎 ScrollMagic 默认的凉亭包含没有办法包含插件，因此需要一些覆盖。

任何人都应该能够按照此处的说明更改包含的文件： https ://roots.io/using-bootstrap-with-bower-how-to-override-bower-packages/

我在这里创建了一个最小的工作 bower.json 文件作为要点： https ://gist.github.com/MiquelAdell/9ffc8f1a9973b2308340

感谢 discourse.roots.io 的一些用户的帮助，我找到了答案。对话可以在这里找到： https ://discourse.roots.io/t/how-to-include-animation-gsap-to-用于scrollmagic/5834

于 2016-02-09T15:38:13.910 回答