Как подключить frontend библиотеку laravel?

Question

[Александр Панков]

Здравствуйте.
как правильно подключать сторонние плагины при разработке на ларавел?

мне нужна библиотека fullpage.js
скачал ее через npm
в файле resources/js/bootstrap.js я добавил require('fullpage.js');
в файле resources/js/app.js я добавил

$(document).ready(function () {
    $('.js-fullpage').fullpage({});
});

запускаю проект и вижу в консоли

app.js:4655 jQuery.Deferred exception: $(...).fullpage is not a function TypeError: $(...).fullpage is not a function
    at HTMLDocument.<anonymous> (http://localhost:3000/js/app.js:770:21)
    at mightThrow (http://localhost:3000/js/app.js:4371:29)
    at process (http://localhost:3000/js/app.js:4439:12) undefined

app.js:770 Uncaught TypeError: $(...).fullpage is not a function

как-будто он не видит подключение это библиотеку..

и вообще мой код вызова из resources/js/app.js почему-ты ВЫШЕ, чем из resources/js/bootstrap.js, хотя подключаются они в другом порядке

Comments

[Александр Панков]

файл resources/js/app.js

require('./bootstrap');
$(document).ready(function () {
    $('.js-fullpage').fullpage();
});

файл bootstrap

try {
window.$ = window.jQuery = require('jquery');
} 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');
}
require('fullpage.js');