Управление активами переднего плана от Laravel Mix
Представьте, что у меня есть 100 страниц на моем сайте, и я создал app.js файл и скомпилируйте его с помощью Laravel Mix.
webpack.mix.js
mix.js('resources/assets/js/app.js', 'public/js')
.extract(['jquery', 'bootstrap']);
app.js
require('jquery');
require('bootstrap');
console.log('My First JS');
Это хорошо, когда я хочу загрузить jquery и bootstrap на все мои страницы, а также у меня есть общие js-коды для всех них.
Но моя проблема заключается в том, что я хочу написать js-коды только для одной страницы, и для этой страницы требуются библиотеки поставщиков. Например, я хочу использовать плагин карты jVectorMap или некоторые другие библиотеки на странице контактов. И я хочу загрузить эту библиотеку и файл js для ее вызова, только на этой странице. И я не хочу требовать этого в файле app.js.
Как мне этого добиться?
Я использовал этот метод, но npm run production команда застрянет в 76% chunk optimization выровнять и не продолжать.
mix.js('resources/assets/js/app.js', 'public/js')
.extract(['jVectorMap']);
В целом, я не знаю, каков наилучший подход для управления несколькими активами в проекте. Каждая страница имеет свою собственную библиотеку поставщиков и отдельный файл js для вызова этой библиотеки и свою собственную модификацию, и я не хочу включать ее в основной файл app.js, потому что он будет становиться все больше и больше. Также не требуется загружать некоторые js-коды для конкретной страницы во всем проекте.
Пожалуйста, помогите мне в этом. Спасибо