Saltar al contenido

Cómo incluir Bootstrap-Vue en Laravel

Ya no busques más por otras páginas porque estás al lugar adecuado, contamos con la solución que buscas pero sin complicarte.

Solución:

Puede hacer esto simplemente por node y npm. instale el nodo en su sistema. y luego abra la terminal desde el directorio raíz de su proyecto como lo hace con laravel para ejecutar comandos artesanales.

cuando abres la terminal. simplemente corre

npm i bootstrap-vue // you can also give save falg to save in package.json file

Aquí no estoy instalando vue. Porque ya está instalado en laravel si revisa su archivo app.js, dentro de su resources directorio y después de instalarlo con éxito, puede importarlo en su app.js por

import BootstrapVue from 'bootstrap-vue' //Importing

Vue.use(BootstrapVue) // Telling Vue to use this in whole application

Para css puedes importar esto simplemente

@import 'node_modules/bootstrap/scss/bootstrap';
@import 'node_modules/bootstrap-vue/src/index.scss';

en aplicación.scss

Después de ejecutar toda la configuración

npm run dev //herewebpack hace su trabajo

o si está en producción, puede hacerlo

npm run production

solo ejecuta npm i vue bootstrap-vue bootstrap dentro de la carpeta allí tiene package.json o cambie manualmente package.json. Luego hay que sumar ./resources/assets/js/bootstrap.js

import Vue from 'vue'
import BootstrapVue from 'bootstrap-vue'

Vue.use(BootstrapVue)

Si te ha sido de utilidad este post, sería de mucha ayuda si lo compartieras con más desarrolladores de esta forma contrubuyes a dar difusión a esta información.

¡Haz clic para puntuar esta entrada!
(Votos: 0 Promedio: 0)



Utiliza Nuestro Buscador

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *