@Artem0071
Безработный mr. Junior

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

Если использовать 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 не работает.. Все так же одним файлом подгружается
  • Вопрос задан
  • 414 просмотров
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы