Bower es una herramienta similar para manejar las dependencias del front end como bootstrap o jquery.
1) instalamos bower, situados en la carpeta del proyecto
npm install -g bower
2) cambiar el destino de almacenamiento de los archivos que instale bower
los archivos por default se guardan en la carpeta bower_components
sin embargo esta carpeta no es de acceso publico como si lo es "web",
entonces creamos el archivo .bowerrc en el root del proyecto con el sgt contenido, por ejemplo:
{
"directory" : "web/assets/vendor/"
}
3) crear el archivo bower.json..no manualmente
sino ejecutando el siguiente comando:
bower init
4)lista. Ya podemos instalar una dependencia. Por ejemplo Bootstrap
bower install --save bootstrap
lo que instalará bootstrap y sus dependencias dentro de web/assets/vendor
5) ya podemos incluir la dependencia en nuestro template asi
{# app/Resources/views/layout.html.twig #} <!doctype html> <html> <head> {# ... #} <link rel="stylesheet" href="{{ asset('assets/vendor/bootstrap/dist/css/bootstrap.min.css') }}"> </head> {# ... #} </html>
No hay comentarios:
Publicar un comentario