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 中没有其他内容。这似乎更合适。
谢谢!
最佳答案
似乎 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
关于gulp - 如何使用 bower 在 scrollmagic 中包含 ‘animation.gsap’,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35175414/