凉亭定制的jqueryui

时间:2013-02-24 21:06:41

标签: jquery-ui bower

Bower中,如何获取并继续更新jQuery UI的自定义构建?假设我在jQuery UI中只需要Core,Widget,Mouse,Position,Sortable和Accordion的组件?我宁愿不下载整个jQuery UI库。

2 个答案:

答案 0 :(得分:15)

举一个可行方法的实际例子,并回答Egg的评论,这是一种方法。

只需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>

答案 1 :(得分:5)

你可以拥有自己的分叉,但是你需要保持最新状态。只是让它下载整个东西,只使用你需要的部分,我没有看到问题。