Можно ли подключить lazyloading в Laravel проекте?

Question

[Artem0071]

Если использовать vue-cli в виде отдельно приложения, то там "из коробки" доступна следующая конструкция:

component: () => import('./app/layouts/MainLayoutComponent'),

Таким образом компонент будет подгружен только по запросу
Перенес этот же код в Laravel проект, где уже предустановлен vue, но при запуске npm run watch почему ты выдает ошибку:

Add @babel/plugin-syntax-dynamic-import (https://git.io/vb4Sv) to the 'plugins' section of your Babel config to enable parsing.

Но я нигде не могу найти этот Babel config..., есть только webpack.mix.js в корне проекта..

Сделал npm install @babel/plugin-syntax-dynamic-import
Но все та же ошибка..

С Webpack'ом мало знаком, так что помогите понять что от меня требуется сделать

PS. добавил в корень проекта файл .babelrc и прописал в нем:

{
  "plugins": ["@babel/plugin-syntax-dynamic-import"]
}

Ошибка пропала, но lazy load не работает.. Все так же одним файлом подгружается

Comments

[Artray]

https://github.com/JeffreyWay/laravel-mix/issues/1...

[Artem0071]

Artray, Сделал как написано, но генерица тольколь app.js и все..

[Дмитрий Кузнецов]

А вы все пакеты установили? Т.е. npm install сделали?
Либо у вас версии пакетов где-то могут не сходиться.

[Artem0071]

Дмитрий Кузнецов, Да, установил)
Artray, Спасибо, заработало! Забыл убрать предыдущий import и в итоге файл всегда был изначально добавлен..