разделение кода с использованием laravel mix для проекта, который использует vue только на нескольких страницах - PullRequest
Новая
       7

разделение кода с использованием laravel mix для проекта, который использует vue только на нескольких страницах

0 голосов
/ 22 февраля 2019

В настоящее время я занимаюсь оптимизацией внешнего интерфейса для проекта, и я застрял с разделением кода ..

В основном я пытаюсь добиться разделения кода и поставщиков и загружать конкретные только тогда, когдаНужно.

В настоящее время я использую настройку микса по умолчанию, и все зависимости импортируются в app.js.Поэтому мне нужно включить app.js на каждую страницу, что очень неэффективно, потому что в моем проекте большинство страниц не используют vue, и я использовал некоторые РЕАЛЬНЫЕ плагины большого vue на некоторых страницах, которые используют vue ...

Например, скажем, у меня есть две страницы: /home и /orders.Вместо того, чтобы загружать app.js на каждой странице, я хотел бы иметь:

/home (большинство страниц выглядят так)

  • vendor.js: jquery + bootstrap + jqueryплагины
  • home.js: инициализирует некоторые плагины jquery (например, карусели) на странице

/orders

  • vendor.js
  • vue.js: я хочу извлечь vue, потому что у меня несколько точек входа
  • order-index.js: регистрирует компонент vue для конкретной страницы и создает экземпляр vue 
// order-index.js

Vue.component('order-index', require('./components/OrderIndex.vue'));

const app = new Vue({
  el: '#app'
});

Как я могу добиться этого с помощью laravel-mix?Или у вас, ребята, есть предложения получше?

Спасибо!

...