Använda Bower för att förbättra WordPress Development

Bower är jättebra för lag eftersom det i grunden själv dokumenterar dina frontendberoende. För det ändamålet är det verkligen lätt att uppdatera dem när ditt projekt ändras. Det är bra för ditt projekts byggprocess både lokalt och på servern. Du kan också använda Bower för att dra in dina egna privata arkiv för att kunna återanvändas över projekt.

I föregående inlägg täckte jag vad Bower är och några av dess funktioner. I det här inlägget ska jag prata om fördelarna med att använda Bower och hur det kan förbättra din WordPress-utveckling.

Det är självdokumentande

Som jag tidigare nämnde är bower riktigt bra för lag eftersom det själv dokumenterar dina främre ändeberoende. Om du har läst mitt tidigare inlägg på Grunt, är det nästan exakt så. När du installerar ett paket via Bower skriver du in bower installera paketnamn, allt du behöver göra är att lägga till följande i slutet --spara. Detta lägger till det paketet i listan över beroenden i ditt projekt bower.json fil.

Låt oss säga att du vill inkludera Bootstrap i ditt WordPress-tema och du vill använda .SCSS filer under din byggprocess. Du kommer att vilja använda bootstrap-sass-officiella projektet och installera det via Bower. 

Så här skulle du göra det,

  1. Öppna ditt val av kommandoradsverktyg
  2. Navigera till projektets rotmapp
  3. Skriv in bower install bootstrap-sass-official - spara och slå "Return" (eller "Enter")

Om allt är installerat korrekt bör du se två saker, en ny bower_components mapp och boostrap-sass-tjänsteman läggas till i din bower.json fil.

Du kommer att vilja göra det för varje paket du vill använda med ditt projekt. När du gör det, kan någon annan medarbetare eller lagkamrat enkelt kunna installera alla nödvändiga paket för projektet. Allt de behöver göra är att skriva in bower installation och alla paket kommer att hämtas och installeras för projektet.

Naturligtvis är den här tekniken inte bara begränsad till frontendramar som Bootstrap. Det finns ett helt sökbart förråd av paket som är tillgängliga att inkludera. Detta kan göra hanteringen av ditt WordPress-projekt beroenden den där mycket enklare.

Uppdatering av beroenden

Då är det inte alls ovanligt att paket uppdateras ofta, är det? Detta är en annan plats där Bower blir användbar.

Nu när du har alla projektets beroenden dokumenterade och installerade, är det verkligen enkelt att uppdatera dessa paket när uppdateringar finns tillgängliga. Allt du behöver göra är att skriva in bower uppdatering och Bower kommer att läsa igenom alla dina beroenden i din bower.json fil och se om det finns några uppdateringar att dra ner.

Det sätt som Bower vet om det finns några uppdateringar finns genom att titta på den taggade versionen i din bower.json fil och kontrollera den senaste taggen på projektets GitHub-arkiv. Du kan se de taggade versionerna genom att titta på utgivningsidan, som Boostrap Sass-utgåvor.

För att förstå mer om betydelsen av de märkta versionerna, bör du kolla in semantisk versionering. Det här är vad de flesta Bower-registrerade projekt använder för sina utgåvor, så det är praktiskt att förstå vad siffrorna betyder.

Byggprocess

Paket som installeras via Bower behövs bara för att bygga eller kompilera tid, du behöver inte lägga till i ditt förråd. De bower_components mappen är ganska mycket en tillfällig mapp, så jag rekommenderar också att du lägger till den i din .gitignore filen också i ditt projekts gitförteckning så att du inte lägger till dem.

Om du har en byggserver eller har kontinuerlig integration för ditt projekt, vill du se till att du kör en bower installation i början av din byggnad. När alla dina andra uppgifter har sprang, kan du tömma bower_components mappen eller se till att du kör en bower uppdatering på varje efterföljande byggnad.

Om du använder Grunt för dina bygguppgifter är det ett grunt-plugin som heter grunt-bower-uppgift som kan köra en bower installation till dig.

Private Repositories

Du kan också använda Bower för att dra in dina egna privata arkiv. Detta kan vara bra för återanvändning av kod över projekt. Låt oss säga att du har en panna eller anpassad ram som du använder för varje projekt. Du kan spara det som ett eget GitHub-arkiv, sedan dra det till dina andra projekt med Bower.

Du måste se till att registrera det på det offentliga Bower-registret för att dra ner det. Oroa dig inte, om någon inte har tillgång till den, kommer de inte att kunna dra ner den.

Slutsats

I det här inlägget pratade jag om sätt som Bower kan hjälpa till med din WordPress-utveckling. Jag fokuserade på att dokumentera och uppdatera projektets beroenden. Jag har också berört med Bower som en del av din byggprocess och använder även dina egna privata arkiv.

I nästa inlägg kommer jag att gå igenom hur du installerar Bower i ditt nästa eller befintliga projekt. Jag delar också några avancerade sätt att använda det i ditt projekt.

Medel

  • Lövsal
  • bootstrap-sass-officiell
  • Boostrap SASS-utgåvor
  • Semantisk Versioning
  • grunt-lövsal-task
  • Grymta
  • Registrera Bower Packages
  • Bower Register