凉亭定制的jqueryui

www*_*ser 24 jquery-ui bower

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

Nob*_*ita 15

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

正如bower installSindre所建议的那样,只包含你在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>
Run Code Online (Sandbox Code Playgroud)

这已经可以使用并显着减少用户在使用您的应用或网站时下载的库的文件大小.这是一篇关于马直口的文章.

为了进一步提高下载速度,您可以按照自己喜欢的方式创建自己的包,也许使用Grunt usemin或其他任何您想要获得此类html的方法:

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

  </body>
</html>
Run Code Online (Sandbox Code Playgroud)

  • 我认为这是解决问题,防止与其他库发生冲突(例如,从引导提示)最实用的方法 (2认同)

Sin*_*hus 5

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

  • 下载整个东西的问题(至少在我的情况下)是200 + KB与~30KB的差异. (9认同)