如何在Bower存儲庫中包括子依賴項

Question

我正在創建一個基本的JS框架，該框架將上傳到Github，並希望創建一個Bower軟件包，以便可以使用Bower將其安裝在其他項目中。 我以前從未做過，但是我可能可以解決一下。

混亂伴隨着我的框架所依賴的其他依賴項。 例如，我想將Fastclick.js指定為依賴項，並從這樣的框架中調用它。

window.addEventListener('load', function() {
    FastClick.attach(document.body);
}, false);

所以我的問題是我應該怎么做？ 我假設我沒有在已編譯的“ / dist”文件夾中包含Fastclick庫，並且可以在Bower文件中指定該庫，這樣當有人安裝我的框架時，他們將獲得正確版本的Fastclick？ 如果是這種情況，那么如何確保它們在我的庫之前加載了庫？ 我無法控制它們的HTML或它們加載腳本的順序。

我可以將Fastclick代碼復制並粘貼到我的庫中，這當然是一個選擇，但是我覺得必須有更好的方法來做到這一點。 我的大腦告訴我，正確地執行此操作將需要某種JS模塊加載系統。

如您所知。 如果問題很模糊，我真的不知道我在說什么。 任何幫助將不勝感激。

Answer 1

做一個

bower install --save <library-name> // in your case Fastclick.

這將創建一個bower.json文件，或使用該庫對其進行更新。 現在也應該將其保存在bower_components/ 。

現在轉到bower_components/<library-name>並查看要包含到項目中的文件。 例如，從FastClick的bower.json看來，您需要包括lib/fastclick.js來實現該功能。

因此，要使用該庫，請在項目的index.html中，在以下幾行中添加腳本標簽：

<script src="bower_components/FastClick/lib/fastclick.js"></src>

現在您完成了！

克隆git repo的任何人bower install需要做一個bower install ，一切都應該開箱即用。

您無需檢入bower_components文件夾，而僅檢入bower.json文件，該文件可用於安裝所有依賴項。

希望這可以幫助！

Answer 2

最后，我只是將整個Fastclick庫包含在我捆綁的代碼中。 這是確保在最終應用程序中首先加載它的唯一方法。 我本可以將其包含在bower文件中，而最終應用程序則需要以正確的順序將其包含在其模板中，但是這種方式似乎更安全。