Вы можете использовать require.context()
для разрешения каталога, в котором находятся компоненты во время процесса сборки веб-пакета. это предоставляет вам в браузере список файлов в этом каталоге. Исходя из этого, вы можете использовать магию для их автоматической регистрации, вот пример:
const files = require.context('./components', true, /\.vue$/i);
files.keys().map(key => Vue.component(key.split('/').pop().split('.')[0], files(key).default));
Итак, выше мы говорили, что хотим, чтобы webpack создал для нас контекст всех файлов в каталоге './components'
. Оттуда мы можем перебрать все ключи файлов (которые представляют имя файла) и зарегистрировать их с Vue.component(...)