Laravel 5 How to dynamically include External CSS and JS file depends on controllers/routes

Question

I'm wondering what could be a good way to dynamically include a js file in my main blade template like this

<?php
$currentRoute = Route::currentRouteName();
$currentRoute = $currentRoute?$currentRoute:'home';
$currentRoute = explode('.',$currentRoute);
  ?>
<script src="{{$currentRoute[0]}}.js"></script>

but just a less tricky :)

ChainList · Accepted Answer · 2015-05-29 13:11:05Z

5

I did something like that in that past. Here, is my "trick" to do this.

First you need a top level controller class

class MainController extends Controller {

   protected static $js_files  = [];
   protected static $css_files = [];

   public static function boot()
   {
      view()->share('js_files', static::$js_files);
      view()->share('css_files', static::$css_files);
      parent::boot();
   }
}

Then, all of your controllers must inherit from your MainController class.

The reason I use the keyword "static::" instead of "self::" is because I want to retrieve the latest child properties and not the "MainController" property, which would gave me the keywords "self::".

See http://php.net/manual/en/language.oop5.late-static-bindings.php In your blade layout, in the head section do the following :

@foreach($css_files as $src)
   <link href="{{$src}}" rel="stylesheet">
@endforeach

and before your closing body tag

@foreach($js_files as $src)
    <script src="{{$src}}"></script>
@endforeach

In each controllers, you have to put in the $js_files and $css_files inherited properties the sources of all of your js/css.

if you want to include a JS/CSS only for one route, you can add the source of the file directly in the method.

And voilà !

edited May 29, 2015 at 13:11

answered May 29, 2015 at 12:28

ChainList

1,2188 silver badges28 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Dhara Over a year ago

after extending MainController where to bind js and css in controller? Suppose i have create method then into that mehod? Also how to pass this variable into blade template?

ChainList Over a year ago

You can do it wherever you want to. Constructor or any method you want.

Collectives™ on Stack Overflow

Laravel 5 How to dynamically include External CSS and JS file depends on controllers/routes

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related