Share
La maggior parte dei progetti web oggi inizia con o include librerie di terze parti. Se stai lavorando su un tema WordPress, è probabile che tu stia utilizzando l'HTML5 Boilerplate, Bootstrap o Foundation. La maggior parte di questi progetti sono disponibili su GitHub e accessibili tramite Bower.
In questa serie ho intenzione di presentarti a Bower, parlare di come può migliorare il tuo tema WordPress o lo sviluppo di plugin e mostrarti come configurarlo nel tuo progetto.
Che cosa è esattamente Bower? Secondo il sito del progetto:
Bower è un gestore di pacchetti per il web. Offre una soluzione generica e non professionale al problema della gestione dei pacchetti front-end, esponendo il modello di dipendenza del pacchetto tramite un'API che può essere utilizzata da uno stack di build più avanzato.
In sostanza, ciò significa che Bower ti offre un modo per specificare quali librerie (o pacchetti) necessitano per lo sviluppo del tuo progetto. Gestisce anche quali altri progetti quelli anche i progetti ne hanno bisogno e li gestiscono automaticamente.
Bower dipende da Node.js e NPM per funzionare, quindi è necessario assicurarsi di averli installati sul proprio computer. Un altro requisito per lavorare con Bower è che i repository devono essere su GitHub e aggiunti al registro Bower.
Come ho detto prima, probabilmente ci sono buone probabilità che tu stia utilizzando una libreria di terze parti nel tuo progetto. Probabilmente sei andato su GitHub e hai scaricato il progetto, quindi hai inserito i file appropriati nel tuo progetto. Dovresti risciacquare e ripetere per ogni libreria richiesta dal tuo progetto.
Con Bower, puoi facilmente installare (o scaricare) queste librerie di terze parti senza bisogno di andare su GitHub. Tutte le librerie installate con Bower verranno inserite in bower_components cartella all'interno della cartella principale del progetto. Tutto questo può essere fatto tramite la riga di comando, quindi non è necessario spostarsi avanti e indietro su un browser.
Un'altra grande caratteristica di Bower è che gestisce le dipendenze per te. Guarda tutti i pacchetti di cui il tuo progetto ha bisogno e anche i pacchetti di cui hanno bisogno. Ogni pacchetto potrebbe richiedere una versione specifica di un altro pacchetto, come una versione specifica di jQuery.
Quindi, per esempio, supponiamo che il tuo progetto richieda jQuery. Decidi anche di utilizzare sia Bootstrap che FitVids con il tuo progetto. Bower analizzerà tutti i diversi pacchetti e tutte le versioni dei pacchetti su cui fanno affidamento e capirà qual è la versione necessaria per tutti. Se ci sono conflitti, Bower ti farà sapere.
Chi vuole tenere traccia di tutte le versioni richieste di tutto comunque?
Ho già detto che tutti i pacchetti che installerai saranno inseriti in un file bower_components cartella. È possibile accedere a qualsiasi cosa in quella cartella durante lo sviluppo locale, ma non è necessario aggiungerlo al repository del progetto.
Diciamo che vuoi usare Bootstrap per il layout del tuo tema e stai usando Sass per compilare i tuoi fogli di stile nel style.css file. Puoi usare il progetto bootstrap-sass-official e importare semplicemente il bootstrap.scss file nel tuo progetto esistente .SCSS File.
Entrerò più nel dettaglio su come farlo in un altro post.
Ho parlato di cosa è Bower e di come ti aiuta a lavorare con le librerie di terze parti nel tuo progetto. Ho anche parlato di come può aiutarti a gestire le tue dipendenze e rimuovere alcuni rigonfiamenti nel repository del tuo progetto.
Nel prossimo post ho intenzione di parlare di come migliorare lo sviluppo di WordPress. Indipendentemente dal fatto che tu sia l'unico sviluppatore o che lavori con un team più grande, vedrai in che modo questo è vantaggioso per te.
Accentsconagua