title: Uncaught ReferenceError: $ is not defined - Laravel 5.5 + Laravel Mix
body: <p>I recently check out my project from SVN. I ran into "Uncaught ReferenceError: $ is not defined" where ever I have used "$" ie; Jquery. I am using laravel mixer to combine the JS and CSS Files.</p>
  
  <p>This is my <strong>bootstrap.js</strong></p>
  
  <pre><code>window._ = require('lodash');
  window.Popper = require('popper.js').default;
  window.tooltip = require('tooltip.js');
  
  
  
  try {
      window.$ = window.jQuery = require('jquery');
      require('jquery-ui-dist/jquery-ui.min.js');
      require('bootstrap');
  } catch (e) {}
  
  
  window.axios = require('axios');
  
  window.axios.defaults.headers.common['X-Requested-With'] = 'XMLHttpRequest';
  
  
  
  let token = document.head.querySelector('meta[name="csrf-token"]');
  
  if (token) {
      window.axios.defaults.headers.common['X-CSRF-TOKEN'] = token.content;
  } else {
      console.error('CSRF token not found: https://laravel.com/docs/csrf#csrf-x-csrf-token');
  }
  
  //Moment JS
  window.moment = require('moment');
  //Collect JS
  window.collect = require('collect.js');
  //Clipboard JS
  window.ClipboardJS = require('clipboard');
  //Import Toster
  window.toastr = require('toastr');
  //Swaet Alert
  import Swal from 'sweetalert2';
  
  window.swal = Swal;
  //Owl Carousel
  window.owlCarousel =  require('owl.carousel');
  //JS Cookie
  window.Cookies = require('js-cookie');
  //Image Zoom
  require('ez-plus');
  </code></pre>
  
  <p>This is my <strong>webpack.mix.js</strong></p>
  
  <pre><code>let mix = require('laravel-mix');
  
  mix.js('resources/assets/js/app.js', 'public/js').sourceMaps()
     .sass('resources/assets/sass/app.scss', 'public/css');
  </code></pre>
  
  <p>My Laravel Version: 5.5.40
  laravel-mix Version: 1.7.2</p>