1. Laravel
  2. Добавить CSS или JS

Добавить CSS или JS

Сначала надо указать облаcть, где будут выводиться CSS и JS.

<!-- resources/views/layouts/app.blade.php -->

<head>
  <title>Заголовок</title>
  <!-- код -->

  @stack('styles')
  @stack('scripts')
</head>

Теперь в любом шаблоне можно добавить скрипт или стиль через директиву @push().

@push('styles')
  <link rel="stylesheet" href="/path/example.css">
@endpush

@push('scripts')
  <script src="/path/example.js"></script>
@endpush

Также можно выполнять условия:

@pushIf($stylesExists, 'scripts')
  <script src="/path/example.js"></script>
@endPushIf

Различие между yield() и stack()

Код выше можно было реализовать через директиву yield().

<!-- resources/views/layouts/app.blade.php -->

<head>
  <title>Заголовок</title>
  <!-- код -->

  @yield('styles')
  @yield('scripts')
</head>

Но значение в @yield() заполняется только один раз, и повторные вызовы будут игнорироваться. А в @stack() значение можно добавлять несколько раз.