Как подключить библиотеку веб-интерфейса к laravel?

Question

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

Мне нужна библиотека fullpage.js

1. скачал ее через npm
2. в добавленном мной файле resources / js / bootstrap.js require ('fullpage.js');

3. В файле 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, хотя они подключены в другом порядке

мой загрузчикфайл

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');

Answer 1

Добавьте его к webpack.mix.js и запустите npm run dev или npm run prod в зависимости от вашей среды:

mix.js([
    'resources/assets/js/app.js',
    'path/to/fullpage.js',
], 'public/js/app.js')

Answer 2

Можете ли вы попытаться включить его как

require('fullpage')

или вы можете попробовать пройти полный путь