Как на vuejs хранить компоненты?

Question

[RusQa24]

Игра изначальна сделана на php, теперь добавляем динамику на vuejs.
Например мы добавляем новую страницу Аукцион, и там все динамически работает на vuejs, для этого мы создаем компонент аукцион joxi.ru/12MNywoHY1W7AJ и подлючаем его в главном файле

var auctionSimple = require('vue!./components/modules/auction/auction_simple.vue');
if (document.querySelector('#auctionSimple')) {
    new Vue({
        el: '#auctionSimple',
        data: {

        },
        components: {
            auctionsimple: auctionSimple
        },

    });
}

Вопрос, вот у нас будет 10, 20, 30 страниц с разными фичами и все это нужно подключать. Это же не правильно, файлы должны подключаться по их необходимости как на vuejs это реализовать или просто как это все оформить? Сборщик используется webpack, в js новичок, а проект крупный и разрастается, хочется избежать какие то ошибок в самом начале.

В общем как правильно и где подключать компоненты? В компонентах хранится html, javascript и css.

Answer 1

[Константин Китманов]

файлы должны подключаться по их необходимости

Не обязательно, на самом деле -- зависит от количества различных страниц и компонентов и количества общих компонентов.

Вопрос не к vuejs, а к webpack на самом деле. Копайте в сторону code splitting, это не сложно. Вообще по поводу вебпака все рекомендуют скринкаст Ильи Кантора (сам не видел, аллергия на скринкасты).