title: Loading and using Swiper 4.4.6 in Laravel 5.7 / Bootstrap 4.3
body: <p>I am trying to find the best way to use Swiper in bootstrap 4 based on a Laravel 5.7 website.</p>
  
  <p>In installed Swiper with <code>npm install swiper</code>.</p>
  
  <p><strong>In app.js I have:</strong></p>
  
  <pre><code>require('./bootstrap');
  require('swiper');
  require('./custom');
  </code></pre>
  
  <p>bootstrap and custom are in resources/js just as app.js. Swiper is installed in /node_modules.</p>
  
  <p><strong>In custom.js</strong></p>
  
  <pre><code>var ProjectSwiper = new Swiper('.swiper-container', {
      // Optional parameters
      direction: 'vertical',
      loop: true,
  
      // If we need pagination
      pagination: {
          el: '.swiper-pagination',
      },
  
      // Navigation arrows
      navigation: {
          nextEl: '.swiper-button-next',
          prevEl: '.swiper-button-prev',
      },
  
      // And if we need scrollbar
      scrollbar: {
          el: '.swiper-scrollbar',
      },
  })
  </code></pre>
  
  <p>All above files are loaded and compiled correctly with <code>npm run watch</code>, no errors here.</p>
  
  <p>Still, the swiper is not working while the browser console says 
  <code>ReferenceError: Swiper is not defined</code></p>
  
  <p>What am I missing here?</p>