Logo strony rmweb.pl

Strona Główna Blog webmasterski

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:

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.