gulp - 如何使用 bower 在 scrollmagic 中包含 ‘animation.gsap’

Question

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

我有一个完整的网站 roots堆栈(这意味着我正在使用 bower 进行前端依赖管理，并使用 gulp 来构建网站。)我正在尝试使用 ScrollMagic上面有动画。

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

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

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

根据 scrollmagic documentation在我看来，我正在搜索“plugins/animation.gsap.js”，但在阅读了 oficial documentation 之后来自 ScrollMagic....

选项 2: bower

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

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

此外，我不确定“gsap 插件”是否与“gsap 库”相同，但bower registry 中没有其他内容。这似乎更合适。

谢谢!

Answer 1

似乎 ScrollMagic 默认的 bower include 没有办法包含插件，所以需要一些覆盖。

任何人都应该能够按照此处的说明更改包含的文件: 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-be-used-in-scrollmagic/5834