2013-02-24 17 views
24

W Bower, w jaki sposób uzyskać i nadal aktualizować niestandardową kompilację jQuery UI? Powiedzmy, że potrzebuję tylko składników Core, Widget, Mouse, Position, Sortable i Accordion w jQuery UI? Raczej nie pobieram całej biblioteki jQuery UI.Bower niestandardowe kompilacja jqueryui

Odpowiedz

5

Możesz mieć swój własny widelec, ale musisz go również aktualizować. Po prostu pozwól mu pobrać całą rzecz i korzystaj tylko z potrzebnych elementów, nie widzę problemu z tym.

+8

problem z pobraniem całość (w moim przypadku przynajmniej) jest różnica 200 + KB vs ~ 30KB. – Egg

15

Aby dać praktyczny przykład możliwego podejścia i odpowiedzieć na komentarz Egg, oto sposób na zrobienie tego.

Po prostu bower install wszystko zgodnie z sugestią Sindre i zawiera tylko te skrypty, które są potrzebne w 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> 

To już działa i znacząco zmniejsza rozmiar pliku bibliotek pobranych przez użytkownika podczas korzystania z aplikacji lub witryny. Oto post o tym straight from the horse's mouth.

Aby dodatkowo zwiększyć prędkość pobierania następnie można stworzyć swój własny pakiet w korzystny sposób, być może przy użyciu Grunt usemin lub cokolwiek innego sposobu masz ochotę dostać się do tego rodzaju HTML:

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

    </body> 
</html> 
+2

Myślę, że jest to najbardziej praktyczne podejście do rozwiązania problemu i zapobiegania konfliktom z innymi bibliotekami (np. Podpowiedź z bootstrapu) – supersan