凉亭定制生成jqueryui
问题描述:
在Bower,我如何获得并继续更新jQuery UI的自定义生成?比方说,我只需要在jQuery UI中使用Core,Widget,Mouse,Position,Sortable和Accordion的组件?我宁愿不下载整个jQuery UI库。凉亭定制生成jqueryui
答
您可以拥有自己的分支,但是您需要保持最新。只要让它下载整件事,只使用你需要的部分,我不会看到这个问题。
答
举一个可能的方法的实际例子,并回答蛋的评论这里有一个方法来做到这一点。
只是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
问题与下载整个事情(至少在我的情况下)是200 KB和30 KB之间的差异。 – Egg 2014-11-18 05:15:22