Saltar al contenido

Laravel, la forma correcta de importar javascript a Blade Templates

César, parte de este equipo de trabajo, nos hizo el favor de redactar este artículo ya que domina perfectamente dicho tema.

Solución:

Cualquier cosa fuera de su @section el bloque no se renderizará.

Podrías editar tu layouts/app.blade.php y agrega un @stack('head') donde desea que aparezcan sus estilos/javascript (preferiblemente en el sección de su HTML).

En cualquier archivo blade que @extends('layouts.app') entonces puedes usar

@push('head')




@endpush

para insertar contenido en esa pila.

Para obtener más información, visite https://laravel.com/docs/5.6/blade#stacks

Para scripts personalizados en una página específica,

  • agregar @yield('footer-scripts') a layouts/app.blade.php

  • crear una carpeta llamada 'scripts' en la carpeta de vistas

  • en el interior views/scripts carpeta crear un archivo ‘pizza-script.blade.php‘ y agregue el contenido del archivo js dentro

    
    
  • en su index.blade.php (o la página donde desea que se ejecuten los scripts) al final, agregue el script después @endsection

      @section('footer-scripts')
          @include('scripts.pizza-script')
      @endsection
    

ahora actualiza la página, puedes ver 'executing js here..' en la consola

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



Utiliza Nuestro Buscador

Deja una respuesta

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