Bruke Bower for å forbedre WordPress Development

Bower er veldig bra for lag, fordi det i utgangspunktet selv dokumenterer dine avhengige avhengigheter. For det formål er det veldig enkelt å oppdatere dem når prosjektet endres. Det er flott for prosjektets byggeprosess både lokalt og på serveren. Du kan også bruke Bower til å trekke inn dine egne private repositorier også for gjenbruk på tvers av prosjekter.

I forrige innlegg dekket jeg hva Bower er og noen av funksjonene sine. I dette innlegget skal jeg snakke om fordelene med å bruke Bower og hvordan det kan forbedre din WordPress-utvikling.

Det er selvdokumenterende

Som jeg tidligere nevnte, er bower veldig bra for lag fordi det selv dokumenterer dine fremgangsendringer. Hvis du har lest mitt forrige innlegg på Grunt, er det nesten akkurat slik. Når du installerer en pakke via Bower, skriver du inn bower install pakke navn, alt du trenger å gjøre er å legge til følgende på slutten --lagre. Dette vil legge til pakken i listen over avhengigheter i prosjektet ditt bower.json fil.

La oss si at du vil inkludere Bootstrap i WordPress-temaet, og du vil bruke .SCSS filer under byggeprosessen. Du vil ønske å bruke bootstrap-sass-offisielle prosjektet og installere det via Bower. 

Slik gjør du det,

  1. Åpne ditt valg av kommandolinjeverktøy
  2. Naviger til prosjektets rotmappe
  3. Skriv inn bower install bootstrap-sass-offisiell - lagre og trykk "Return" (eller "Enter")

Hvis alt er riktig installert, bør du se to ting, en ny bower_components mappe og boostrap-sass-offisiell lagt til i din bower.json fil.

Du vil ønske å gjøre dette for hver pakke du vil bruke med prosjektet. Når du har gjort det, vil enhver annen medarbeider eller lagkamerat kunne enkelt installere alle nødvendige pakker for prosjektet. Alt de trenger å gjøre er å skrive inn bower installasjon og alle pakkene lastes ned og installeres for prosjektet.

Selvfølgelig er denne teknikken ikke bare begrenset til frontend-rammer, for eksempel Bootstrap. Det er et helt søkbart arkiv av pakker som er tilgjengelige for å inkludere. Dette kan gjøre styringen av WordPress-prosjektets avhengigheter at mye enklere.

Oppdaterer avhengigheter

Så igjen er det ikke uvanlig at pakkene oppdateres ofte, er det? Dette er et annet sted hvor Bower blir nyttig.

Nå som du har alle prosjektets avhengigheter dokumentert og installert, er det veldig enkelt å oppdatere disse pakkene når oppdateringer er tilgjengelige. Alt du trenger å gjøre er å skrive inn bower oppdatering og Bower vil lese gjennom alle dine avhengigheter i din bower.json fil og se om det er noen oppdateringer å trekke ned.

Måten Bower vet om det er noen tilgjengelige oppdateringer, er å se på den merkede versjonen i din bower.json fil og sjekk den siste taggen på prosjektets GitHub-depot. Du kan se de merkede versjonene ved å se på utgivelsessiden, som Boostrap Sass utgivelser.

For å forstå mer om betydningen av de merkede versjonene, bør du sjekke ut semantisk versjonering. Dette er hva de fleste Bower-registrerte prosjekter bruker til utgivelsene deres, så det er praktisk å forstå hva tallene betyr.

Bygg prosess

Pakken som er installert via Bower, er bare nødvendig for å bygge eller kompilere tid, du trenger ikke å legge til i depotet ditt. De bower_components mappen er ganske mye en midlertidig mappe, så jeg vil også foreslå å legge den til din .gitignore filen også i prosjektets git-depot, slik at du ikke legger til dem.

Hvis du har en byggeserver eller har kontinuerlig integrering satt opp for prosjektet ditt, vil du sørge for at du kjører en bower installasjon i begynnelsen av byggingen din. Når alle dine andre oppgaver er løp, kan du tømme ut bower_components mappe eller sørg for å kjøre en bower oppdatering på hver etterfølgende bygge.

Hvis du bruker Grunt for dine byggeoppgaver, er det et grunt plugin kalt grunt-bower-oppgave som kan kjøre en bower installasjon for deg.

Private oppbevaringssteder

Du kan også bruke Bower til å trekke inn dine egne private repositorier, så vel. Dette kan være bra for gjenbruk av kode på tvers av prosjekter. La oss si at du har en boilerplate eller tilpasset rammeverk du bruker for hvert prosjekt. Du kan lagre det som sitt eget GitHub-depot, og deretter trekke det inn i dine andre prosjekter ved hjelp av Bower.

Du må sørge for å registrere det på det offentlige Bower-registeret for å trekke det ned. Ikke bekymre deg skjønt, hvis noen ikke har tilgang til det, vil de ikke kunne trekke den ned.

Konklusjon

I dette innlegget snakket jeg om måter Bower kan hjelpe til med din WordPress-utvikling. Jeg fokuserte på å dokumentere og oppdatere prosjektets avhengigheter. Jeg har også rørt ved å bruke Bower som en del av byggeprosessen din og også bruke dine egne private repositorier.

I neste innlegg vil jeg gå gjennom hvordan du konfigurerer Bower i ditt neste eller eksisterende prosjekt. Jeg vil også dele noen avanserte måter å bruke den i ditt prosjekt.

ressurser

  • Bower
  • bootstrap-sass-offisiell
  • Boostrap SASS utgivelser
  • Semantisk Versjonering
  • grynt-Lysthus-oppgave
  • Grynte
  • Registrering av Bower Pakker
  • Bower Register