title: jquery is not working inside laravel 7 mix
body: <p>hi I am using laravel mix to compile all js file but the jquery is not working , even I use defer attribute, can anyone find what is the problem ? thanks</p>
  <p>inside webpack.mix.js</p>
  <pre><code>// home page css
  mix.styles([
      'public/app/css/bootstrap.min.css',
      'public/app/css/custom.css',
      'public/app/css/style.default.css',
      'public/app/css/font-awesome.all.css'
  ], 'public/css/base.css');
  
  
  // admin css
  mix.styles([
      'public/assets/css/sb-admin-2.min.css',
      'public/app/css/font-awesome.all.css'
  ], 'public/css/admin.base.css');
  
  mix.autoload({
    jquery: ['$', 'window.jQuery', 'jQuery'],
  });
  
  
  // admin js
  mix.js([
      'public/assets/js/jquery.min.js',
      'public/assets/js/bootstrap.bundle.min.js',
      'public/assets/js/jquery.easing.min.js',
  ], 'public/js/admin.lib.js');
  </code></pre>
  <p>inside blade</p>
  <pre><code>&lt;!--   &lt;script src=&quot;{{asset('assets/js/jquery.min.js')}}&quot;&gt;&lt;/script&gt;
    &lt;script src=&quot;{{asset('assets/js/bootstrap.bundle.min.js')}}&quot;&gt;&lt;/script&gt;
    &lt;script src=&quot;{{asset('assets/js/jquery.easing.min.js')}}&quot;&gt;&lt;/script&gt; --&gt;
  
  
  
    &lt;script src=&quot;{{asset('js/admin.lib.js')}}&quot; defer&gt;&lt;/script&gt;
    &lt;script src=&quot;{{asset('assets/js/sb-admin-2.min.js')}}&quot;&gt;&lt;/script&gt;
  </code></pre>
  <p>I tried</p>
  <pre><code>mix.autoload({
    jquery: ['$', 'window.jQuery', 'jQuery'],
  });
  </code></pre>
  <p>not working , tried to add $=jQuery inside lib.js but fails
  jquery was working</p>
  <p>if I do not use the the compiled lib.js</p>
  <p>what is the error I am facing is the $ not defined thanks
  btw , the css compilation is working though</p>