title: Laravel 5.4 Script loading issue
body: <p>I'm working on my first Laravel project (5.4), actually I don't understand why my js script doesn't work like I expected.
  I use Mix and Blade :</p>
  
  <pre><code>// webpack.mix.js
  let { mix } = require('laravel-mix').mix;
  
      // copy fonts and patterns
  mix .copy('resources/assets/vendor/bootstrap/fonts', 'public/fonts')
      .copy('resources/assets/vendor/font-awesome/fonts', 'public/fonts')
      .copy('resources/assets/patterns', 'public/css/patterns')
  
      // compile scss and concatenate css files
      .sass('resources/assets/sass/app.scss', 'public/css')
      .styles([
          'resources/assets/vendor/bootstrap/css/bootstrap.css',
          'resources/assets/vendor/animate/animate.css'
          // ...
      ], 'public/css/vendor.css')
  
      // concatenate js files
      .js([
          'resources/assets/vendor/jquery/jquery-3.1.1.min.js',
          'resources/assets/vendor/bootstrap/js/bootstrap.js',
          'resources/assets/js/app.js'
          // ...
      ], 'public/js/app.js')
      .options({ processCssUrls: false }); // fix for path issue : https://github.com/almasaeed2010/AdminLTE/issues/1360
  </code></pre>
  
  <p>After <code>npm run dev</code> compliation looks good :</p>
  
  <pre><code>DONE  Compiled successfully in 6497ms                                                     4:20:57 PM
  
                                     Asset      Size  Chunks                    Chunk Names
    fonts/glyphicons-halflings-regular.ttf   45.4 kB          [emitted]         
                                /js/app.js    1.2 MB       0  [emitted]  [big]  /js/app
                         mix-manifest.json  66 bytes          [emitted]         
    fonts/glyphicons-halflings-regular.eot   20.1 kB          [emitted]         
  fonts/glyphicons-halflings-regular.woff2     18 kB          [emitted]         
    fonts/glyphicons-halflings-regular.svg    109 kB          [emitted]         
   fonts/glyphicons-halflings-regular.woff   23.4 kB          [emitted]         
                              /css/app.css    178 kB       0  [emitted]         /js/app
             fonts/fontawesome-webfont.ttf    166 kB          [emitted]         
             fonts/fontawesome-webfont.svg    444 kB          [emitted]  [big]  
             fonts/fontawesome-webfont.eot    166 kB          [emitted]         
            fonts/fontawesome-webfont.woff     98 kB          [emitted]         
           fonts/fontawesome-webfont.woff2   77.2 kB          [emitted]         
                     fonts/FontAwesome.otf    135 kB          [emitted]         
           css/patterns/header-profile.png   5.88 kB          [emitted] 
  </code></pre>
  
  <p>CSS works fine, bootstrap.js also works and when I check inside <code>/js/app.js</code> it seems like everything is inside.</p>
  
  <p>An here is my tempate :</p>
  
  <pre><code>{{-- app.blade.php--}}
  &lt;!DOCTYPE html&gt;
  &lt;html lang="{{ config('app.locale', 'en') }}"&gt;
  &lt;head&gt;
      &lt;meta charset="utf-8"&gt;
      &lt;meta name="viewport" content="width=device-width, initial-scale=1.0"&gt;
      &lt;title&gt;@yield('title')&lt;/title&gt;
      &lt;link rel="stylesheet" href="{!! asset('css/vendor.css') !!}" /&gt;
      &lt;link rel="stylesheet" href="{!! asset('css/app.css') !!}" /&gt;
  &lt;/head&gt;
  &lt;body&gt;
      &lt;!-- Main view  --&gt;
      @yield('content')
  
      &lt;script src="{!! asset('js/app.js') !!}" type="text/javascript"&gt;&lt;/script&gt;
  
      @section('scripts')
      @show
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>My troubles began when I want to add a script inside the script section from a child.</p>
  
  <pre><code>@extends('layouts.app')
  
  @section('scripts')
      &lt;script type="text/javascript"&gt;
          $(document).ready(function () {
              alert('test');
          });
      &lt;/script&gt;
  @endsection
  </code></pre>
  
  <p>I got <code>Uncaught ReferenceError: $ is not defined</code> like if jquery wasn't loaded.</p>
  
  <p>I have no clue why, any idea ?</p>
  
  <p><strong>[note]</strong><br>
  It works if I replace inside <em>app.blade.php</em> :</p>
  
  <pre><code>&lt;script src="{!! asset('js/app.js') !!}" type="text/javascript"&gt;&lt;/script&gt;
  </code></pre>
  
  <p>with :</p>
  
  <pre><code>&lt;script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.0/jquery.min.js"&gt;&lt;/script&gt;
  &lt;script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"&gt;&lt;/script&gt;
  </code></pre>