2013-02-24 104 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