Laravel Webpack, включая пользовательский JavaScript

Question

Когда я делаю ниже, я получаю 'Uncaught Reference Error Slideout не определен' в моей консоли.

В resources / js / app.js:

require('./slideout');

Код в шаблоне блейда прямо перед </body>:

<script src="{{ mix('/js/app.js') }}"></script>
<script type="text/javascript">
$(function () {

    var slideout = new Slideout({
        'panel': document.getElementById('panel'),
        'menu': document.getElementById('menu'),
        'padding': 256,
        'tolerance': 70
    });

});
</script>

Если я проверю сгенерированный файл app.js, то увижу, что там есть весь код Slideout.Так что он включен правильно.

Но если я сделаю это (добавьте slideout.min.js через CDN), это сработает:

<script src="{{ mix('/js/app.js') }}"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/slideout/1.0.1/slideout.min.js"></script>
<script type="text/javascript">
$(function () {

    var slideout = new Slideout({
        'panel': document.getElementById('panel'),
        'menu': document.getElementById('menu'),
        'padding': 256,
        'tolerance': 70
    });

});
</script>

Почему не работает, если код Slideoutв файле app.js?