Jak wybudować własne jQuery
Większość pewnie popuka się w czoło i zapyta: Po co budować jQuery?. Odpowiedź jest prozaiczna – żeby zmniejszyć rozmiary biblioteki i pozbyć się nieużywanych funkcji.
Do dzieła!
Skoro już wiadomo, po co to robimy, czas zacząć budowę. Na początek należy sklonować repozytorium z Githuba.
git clone https://github.com/jquery/jquery.git && cd jquery
Po wejściu do katalogu repozytorium trzeba zainstalować pakiety.
npm install
Jeżeli nie mamy zainstalowanego grunta, musimy to zrobić.
sudo npm install -g grunt-cli
Do wybudowania własnej wersji jQuery musimy użyć magicznej komendy
grunt custom.
Na przykład: grunt custom:-sizzle,-deprecated,-serialize,-queue
Powyższa komenda spowoduje wybudowanie biblioteki nie posiadającej:
- silnika selektorów sizzle
- przestarzałych funkcji jak np. jQuery.isArray()
- metody $().serialize
- metody $().queue()
Wybudowane pliki znajdują się w folderze dist.
Efekt końcowy
Rozmiar naszego pliku jquery.min.js
to 66.7 kB
, podczas gdy oryginalna wersja
biblioteki waży 86,7 kB
. Udało się to osiągnąć, głównie za sprawą usunięcia silnika sizzle,
który od dłuższego czasu jest zbędny za sprawą natywnego
document.querySelector.
Należy przy tym pamiętać, że bez sizzle nasze selektory muszą być poprawnymi selektorami CSS bez żadnych
niestandardowych składni.