Utilizând Bower pentru a îmbunătăți dezvoltarea WordPress

Bower este foarte bun pentru echipe, deoarece în principiu documentează automat dependențele frontend. În acest scop, este foarte ușor să le actualizați pe măsură ce proiectul dvs. se modifică. Este minunat pentru procesul de construire al proiectului dvs. atât local, cât și pe server. Puteți, de asemenea, să utilizați Bower pentru a vă atrage propriile depozite private și pentru reutilizare în cadrul proiectelor.

În postul anterior, am abordat ceea ce este Bower și unele dintre caracteristicile sale. În acest post voi vorbi despre beneficiile folosirii lui Bower și cum poate îmbunătăți dezvoltarea WordPress.

Este auto-documentare

Așa cum am menționat anterior, bower este foarte bun pentru echipe, deoarece documentează automat dependențele de la front. Dacă ați citit postarea mea anterioară pe Grunt, este aproape exact așa. Când instalați un pachet prin Bower introduceți bower instalare pachet-nume, tot ce trebuie să faceți este să adăugați următoarele la sfârșit --Salvați. Acest lucru va adăuga pachetul respectiv în lista dependențelor din proiectul dvs. bower.json fişier.

Să presupunem că doriți să includeți Bootstrap în tema WordPress și doriți să utilizați .SCSS fișiere în timpul procesului dvs. de construire. Veți dori să utilizați proiectul oficial bootstrap-sass și îl instalați prin Bower. 

Iată cum ați face acest lucru,

  1. Deschideți instrumentul de linie de comandă de alegere
  2. Navigați la dosarul rădăcină al proiectului
  3. Introduceți bower instalează bootstrap-sass-official - salvează și apăsați "Return" (sau "Enter")

Dacă totul este instalat corect, ar trebui să vedeți două lucruri, unul nou bower_components dosar și boostrap-Sass-oficial adăugat în lista ta bower.json fişier.

Veți dori să faceți acest lucru pentru fiecare pachet pe care doriți să îl utilizați cu proiectul dvs. După ce ați terminat, orice alt coleg sau coechipier va putea să instaleze cu ușurință toate pachetele necesare pentru proiect. Tot ce trebuie să facă este să tastați bower install și toate pachetele vor fi descărcate și instalate pentru proiect.

Desigur, această tehnică nu este limitată doar la cadrele frontend, cum ar fi Bootstrap. Există un întreg depozit de pachete care pot fi incluse. Aceasta poate face gestionarea dependențelor proiectului dvs. WordPress acea mult mai ușor.

Actualizarea dependențelor

Apoi, din nou, nu este deloc neobișnuit ca pachetele să se actualizeze des, nu-i așa? Acesta este un alt loc în care Bower devine util.

Acum, că aveți toate dependențele proiectului dvs. documentate și instalate, este foarte ușor să actualizați aceste pachete când sunt disponibile actualizări. Tot ce trebuie să faceți este să tastați bower update și Bower va citi toate dependențele tale în tine bower.json fișier și du-te vedea dacă există actualizări pentru a trage în jos.

Modul în care Bower știe dacă există actualizări disponibile este prin examinarea versiunii cu eticheta din versiunea dvs. bower.json fișier și verificarea celei mai noi etichete din depozitul GitHub al proiectului. Puteți vizualiza aceste versiuni marcate prin vizionarea paginii de lansări, cum ar fi versiunile Boostrap Sass.

Pentru a înțelege mai multe despre importanța versiunilor cu etichete, trebuie să verificați versiunea semantică. Aceasta este ceea ce majoritatea proiectelor înregistrate de Bower utilizează pentru lansările lor, așa că este util să înțelegeți ce semnifică numerele.

Procesul de construire

Pachetele instalate prin Bower sunt necesare numai pentru a construi sau a compila timpul, nu trebuie să adăugați la depozit. bower_components dosarul este destul de mult un dosar temporar, așa că aș sugera, de asemenea, adăugarea acestuia la dvs. .gitignore fișier în git repository al proiectului dvs., astfel încât să nu le adăugați.

Dacă aveți un server de construire sau aveți o integrare continuă setată pentru proiectul dvs., veți dori să vă asigurați că executați un proces bower install la începutul construirii tale. Odată ce toate celelalte sarcini ale dvs. s-au fugit, ați putea fi golite bower_components sau asigurați-vă că rulați a bower update pe fiecare construcție ulterioară.

Dacă utilizați Grunt pentru sarcinile dvs. de construire, există un plugin grunt numit grunt-bower-sarcină care poate rula a bower install Pentru dumneavoastră.

Repositories private

Puteți utiliza, de asemenea, Bower pentru a vă încorpora propriile depozite private. Acest lucru poate fi excelent pentru reutilizarea codului în cadrul proiectelor. Să presupunem că aveți un cadru de boilerplate sau cadru personalizat pe care îl utilizați pentru fiecare proiect. Ați putea să-l salvați, deoarece este propriul depozit GitHub, apoi trageți-l în celelalte proiecte folosind Bower.

Va trebui să vă asigurați că l-ați înregistrat în Bower Registry public, pentru al împiedica. Nu vă faceți griji însă, dacă cineva nu are acces la ea, ei nu vor putea să-l tragă.

Concluzie

În acest post, am vorbit despre modalități prin care Bower vă poate ajuta dezvoltarea WordPress. M-am axat pe documentarea și actualizarea dependențelor proiectului. Am atins, de asemenea, folosind Bower ca parte a procesului dvs. de construire și folosind propriile dvs. depozite private, de asemenea.

În următorul post, voi trece prin cum să configurați Bower în proiectul următor sau existent. Voi împărtăși, de asemenea, câteva modalități avansate de a le utiliza în cadrul proiectului dvs..

Resurse

  • umbrar
  • bootstrap-Sass-oficial
  • Îmbunătățiți versiunile SASS
  • Semantic Versiunea
  • mormăit-umbrar-sarcină
  • mormăit
  • Înregistrarea pachetelor Bower
  • Registrul Bower
Cod