Share
Bower è davvero eccezionale per i team perché sostanzialmente documenta automaticamente le dipendenze frontend. A tal fine, è davvero facile aggiornarli man mano che il progetto cambia. È ottimo per il processo di generazione del tuo progetto sia localmente che sul server. Puoi anche utilizzare Bower per inserire i tuoi repository privati e riutilizzarli tra i progetti.
Nel post precedente, ho spiegato cosa è Bower e alcune delle sue funzionalità. In questo post parlerò dei vantaggi dell'utilizzo di Bower e di come può migliorare lo sviluppo di WordPress.
Come accennato in precedenza, Bower è davvero eccezionale per i team perché documenta automaticamente le dipendenze front-end. Se hai letto il mio post precedente su Grunt, è quasi esattamente così. Quando installi un pacchetto tramite Bower, digiti bower installa nome-pacchetto, tutto ciò che devi fare è aggiungere il seguente alla fine --salvare. Questo aggiungerà quel pacchetto alla lista delle dipendenze nel tuo progetto bower.json file.
Diciamo che vuoi includere Bootstrap nel tuo tema WordPress e vuoi usare il .SCSS file durante il processo di compilazione. Dovrai utilizzare il progetto bootstrap-sass-official e installarlo tramite Bower.
Ecco come lo faresti,
Accentsconagua
bower installa bootstrap-sass-official --save e premi "Invio" (o "Invio")
Se tutto è installato correttamente, dovresti vedere due cose, una nuova bower_components cartella e bootstrap-sass-ufficiale aggiunto nel tuo bower.json file.
Dovrai farlo per ogni pacchetto che desideri utilizzare con il tuo progetto. Una volta che hai fatto, qualsiasi altro collega o compagno di squadra sarà in grado di installare facilmente tutti i pacchetti necessari per il progetto. Tutto quello che devono fare è digitare installazione di bower e tutti i pacchetti verranno scaricati e installati per il progetto.
Naturalmente, questa tecnica non è limitata solo ai framework di frontend come Bootstrap. C'è un intero repository ricercabile di pacchetti che sono disponibili per includere. Questo può rendere la gestione delle dipendenze del tuo progetto WordPress quello molto più facile.
Inoltre, non è affatto raro che i pacchetti si aggiornino spesso, vero? Questo è un altro posto in cui Bower diventa utile.
Ora che tutte le dipendenze del progetto sono state documentate e installate, è davvero facile aggiornare quei pacchetti quando gli aggiornamenti sono disponibili. Tutto quello che devi fare è digitare aggiornamento del pergolato e Bower leggerà tutte le tue dipendenze nel tuo bower.json file e vai a vedere se ci sono aggiornamenti da abbattere.
Il modo in cui Bower sa se ci sono aggiornamenti disponibili è guardando la versione taggata nel tuo bower.json file e controllando l'ultimo tag sul repository GitHub del progetto. Puoi visualizzare le versioni taggate guardando la pagina delle versioni, come le versioni di Boostrap Sass.
Per comprendere meglio il significato delle versioni con tag, dovresti controllare il versioning semantico. Questo è ciò che la maggior parte dei progetti registrati Bower utilizzano per le loro versioni, quindi è utile capire cosa significano i numeri.
I pacchetti installati tramite Bower sono necessari solo per la compilazione o la compilazione, non è necessario aggiungerli al repository. Il bower_components la cartella è praticamente una cartella temporanea, quindi suggerirei di aggiungerla al tuo .gitignore file anche nel repository git del progetto in modo da non aggiungerli.
Se si dispone di un server di build o si dispone di un'integrazione continua per il proprio progetto, è necessario assicurarsi di eseguire a installazione di bower all'inizio della tua build. Una volta eseguite tutte le altre attività, è possibile svuotare il bower_components cartella o assicurati di eseguire a aggiornamento del pergolato su ogni build successiva.
Se stai usando Grunt per le tue attività di compilazione, c'è un plugin per grunt chiamato grunt-bower-task che può eseguire a installazione di bower per te.
Puoi anche utilizzare Bower per inserire anche i tuoi repository privati. Questo può essere ottimo per riutilizzare il codice tra i progetti. Diciamo che hai una struttura standard o personalizzata che usi per ogni progetto. Potresti salvarlo come se fosse il tuo repository GitHub, quindi inserirlo negli altri tuoi progetti usando Bower.
Dovrai assicurarti di registrarlo sul registro pubblico di Bower per poterlo abbattere. Non preoccuparti però, se qualcuno non ha accesso ad esso, non sarà in grado di abbatterlo.
In questo post, ho parlato dei modi in cui Bower può aiutare lo sviluppo di WordPress. Mi sono concentrato sulla documentazione e sull'aggiornamento delle dipendenze del progetto. Ho anche sfruttato Bower come parte del processo di creazione e utilizzando anche i tuoi repository privati.
Nel prossimo post, illustrerò come impostare Bower nel tuo progetto successivo o esistente. Condividerò anche alcuni modi avanzati per utilizzarlo nel tuo progetto.
