簡體   English   中英

如何在使用涼亭的scrollmagic中包含'animation.gsap'

[英]How to include ‘animation.gsap’ in scrollmagic using bower

TL; DR有沒有人能夠使用bower來安裝ScrollMagic + GSAP動畫?

我有一個完整的堆棧的網站(這意味着我正在使用bower進行前端依賴管理,並建立網站。)我正在嘗試使用ScrollMagic動畫。

其中一些動畫將綠色庫存庫作為先決條件。 所以我的bower.json有以下內容:

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

如果我運行gulp並瀏覽我的網站,我可以看到main.js對GreenSock的引用

根據scrollmagic文檔在我看來,我正在搜索“plugins / animation.gsap.js”但是在閱讀了ScrollMagic的官方文檔之后....

選項2:涼亭

ScrollMagic也可以在bower上使用,只會安裝必要的源代碼,忽略所有示例和文檔文件。 請注意,由於它們不是核心依賴項,因此如果您選擇使用它們,則必須手動添加GSAP,jQuery或Velocity等框架。

因此,通過bower安裝GSAP庫似乎已經足夠了。

此外,我不確定“gsap插件”是​​否與“gsap庫”相同,但是涼亭注冊表中沒有其他內容似乎更適合。

謝謝!

似乎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-可以使用的功能於scrollmagic / 5834

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM