2013-02-24 71 views
24

Bower,我如何獲得並繼續更新jQuery UI的自定義生成?比方說,我只需要在jQuery UI中使用Core,Widget,Mouse,Position,Sortable和Accordion的組件?我寧願不下載整個jQuery UI庫。涼亭定製生成jqueryui

回答

5

您可以擁有自己的分支,但是您需要保持最新。只要讓它下載整件事,只使用你需要的部分,我不會看到這個問題。

+8

問題與下載整個事情(至少在我的情況下)是200 KB和30 KB之間的差異。 – Egg 2014-11-18 05:15:22

15

舉一個可能的方法的實際例子,並回答蛋的評論這裏有一個方法來做到這一點。

只是bower install Sindre提出的整個事情,只包括你需要在HTML中的腳本。

<script src="bower_components/jquery/dist/jquery.js"></script> 
    <script src="bower_components/jquery-ui/ui/core.js"></script> 
    <script src="bower_components/jquery-ui/ui/widget.js"></script> 
    <script src="bower_components/jquery-ui/ui/mouse.js"></script> 
    <script src="bower_components/jquery-ui/ui/sortable.js"></script> 
    <script> 
    (function() { 
     $("#some-div").sortable(); // it works! 
    })(); 
    </script> 

    </body> 
</html> 

這將已經工作,並顯着減少用戶在使用您的應用程序或網站時下載的庫的文件大小。這裏有一篇關於這個straight from the horse's mouth的文章。

爲了進一步提高下載速度,那麼你可以在你的首選方法創建自己的包,可能使用Grunt usemin或任何其他方法,你喜歡去這樣的html:

<script src="scripts/bundle.min.js"></script> 
    <script> 
    (function() { 
     $("#some-div").sortable(); // it works! 
    })(); 
    </script> 

    </body> 
</html> 
+2

我認爲這是解決問題和防止與其他圖書館發生衝突的最實用方法(例如,從引導提示工具提示) – supersan 2015-07-17 11:16:22