Usando Bower para mejorar el desarrollo de WordPress

Bower es realmente bueno para los equipos porque básicamente se autodocumenta las dependencias de su interfaz. Con ese fin, es muy fácil actualizarlos a medida que cambia su proyecto. Es excelente para el proceso de compilación de su proyecto tanto localmente como en el servidor. También puede usar Bower para acceder a sus propios repositorios privados y para reutilizarlos en proyectos..

En la publicación anterior, cubrí lo que es Bower y algunas de sus características. En esta publicación voy a hablar sobre los beneficios de usar Bower y cómo puede mejorar su desarrollo de WordPress.

Es autodocumentada

Como mencioné anteriormente, Bower es realmente genial para los equipos porque auto-documenta sus dependencias de front-end. Si has leído mi publicación anterior en Grunt, es casi exactamente así. Cuando instalas un paquete a través de Bower, escribes nombre de paquete de instalación de Bower, todo lo que necesitas hacer es agregar lo siguiente al final --salvar. Esto agregará ese paquete a la lista de dependencias en su proyecto Bower.json expediente.

Digamos que desea incluir Bootstrap en su tema de WordPress y desea utilizar el .scss archivos durante su proceso de compilación. Querrá utilizar el proyecto bootstrap-sass-official e instalarlo a través de Bower. 

Así es como lo harías,

  1. Abra la herramienta de línea de comandos de su elección
  2. Navega a la carpeta raíz de tu proyecto
  3. Escribir bower instalar bootstrap-sass-official --save y pulsa "Volver" (o "Entrar")

Si todo está instalado correctamente, debería ver dos cosas, una nueva bower_components carpeta y boostrap-sass-official añadido en su Bower.json expediente.

Querrá hacer esto para cada paquete que quiera usar con su proyecto. Una vez hecho esto, cualquier otro compañero de trabajo o compañero de equipo podrá instalar fácilmente todos los paquetes necesarios para el proyecto. Todo lo que necesitan hacer es escribir instalación de la glorieta y todos los paquetes serán descargados e instalados para el proyecto..

Por supuesto, esta técnica no solo se limita a los marcos frontend como Bootstrap. Hay un repositorio completo de paquetes de búsqueda que están disponibles para incluir. Esto puede hacer que la gestión de las dependencias de su proyecto de WordPress ese más fácil.

Actualizando Dependencias

Por otra parte, no es raro que los paquetes se actualicen a menudo, ¿verdad? Este es otro lugar en el que Bower se vuelve útil..

Ahora que tiene todas las dependencias de su proyecto documentadas e instaladas, es realmente fácil actualizar esos paquetes cuando hay actualizaciones disponibles. Todo lo que necesitas hacer es escribir actualización de Bower y Bower leerá todas sus dependencias en su Bower.json archiva y ve a ver si hay alguna actualización para bajar.

La forma en que Bower sabe si hay actualizaciones disponibles es mirando la versión etiquetada en su Bower.json Archivo y comprobando la última etiqueta en el repositorio GitHub del proyecto. Puede ver esas versiones etiquetadas mirando la página de lanzamientos, como lanzamientos de Boostrap Sass.

Para comprender más sobre el significado de las versiones etiquetadas, debe revisar las versiones semánticas. Esto es lo que la mayoría de los proyectos registrados de Bower utilizan para sus lanzamientos, por lo que es útil entender qué significan los números..

Proceso de construcción

Los paquetes que se instalan a través de Bower solo son necesarios para compilación o compilación, no es necesario agregarlos a su repositorio. los bower_components La carpeta es prácticamente una carpeta temporal, por lo que también sugeriría agregarla a su .gitignore archiva también en el repositorio de git de tu proyecto para que no los agregues.

Si tiene un servidor de compilación o tiene una configuración de integración continua para su proyecto, querrá asegurarse de ejecutar una instalación de la glorieta al principio de tu construcción. Una vez que haya ejecutado todas sus otras tareas, puede vaciar el bower_components carpeta o asegúrese de ejecutar una actualización de Bower en cada construcción posterior.

Si está utilizando Grunt para sus tareas de compilación, hay un complemento de gruñido llamado grunt-bower-task que puede ejecutar un instalación de la glorieta para ti.

Repositorios privados

También puedes usar Bower para arrastrar tus propios repositorios privados, también. Esto puede ser excelente para la reutilización de código en proyectos. Supongamos que tiene una plantilla o un marco personalizado que utiliza para cada proyecto. Podría guardarlo como su propio repositorio de GitHub, luego insertarlo en sus otros proyectos usando Bower.

Deberá asegurarse de registrarlo en el Registro público de Bower para poderlo desplegar. Sin embargo, no se preocupe, si alguien no tiene acceso a él, no podrá bajarlo..

Conclusión

En esta publicación, hablé sobre las formas en que Bower puede ayudar a su desarrollo de WordPress. Me centré en documentar y actualizar las dependencias de su proyecto. También mencioné el uso de Bower como parte de su proceso de compilación y el uso de sus propios repositorios privados también..

En la próxima publicación, le mostraré cómo configurar Bower en su proyecto siguiente o existente. También compartiré algunas formas avanzadas de usarlo dentro de su proyecto..

Recursos

  • Cenador
  • bootstrap-sass-official
  • Boostrap SASS lanzamientos
  • Versionamiento semántico
  • tarea de gruñido
  • Gruñido
  • Registro de paquetes Bower
  • Registro Bower