jquery-ui - jqueryui的凉亭自定义构建

Question

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

Answer 1

为了给出一个可能的方法的实际示例并回答 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>

这已经有效，并且在使用您的应用程序或网站时显着减少了用户下载的库的文件大小。这是直接从马口中发表的关于此的帖子。

为了进一步提高下载速度，您可以以您喜欢的方式创建自己的包，可能使用Grunt usemin或您喜欢的任何其他方法来获取这种 html：

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

  </body>
</html>

Answer 2

你可以有自己的叉子，但你也需要保持最新。让它下载整个东西，只使用你需要的部分，我看不出有什么问题。