Load all Vue components from a given folder, no need for an "index.js"-file

load-vue-components-from-folder.js

const req = require.context('./components/', true, /\.(js|vue)$/i);
req.keys().map(key => {
  const name = key.match(/\w+/)[0];
  return Vue.component(name, req(key))
});

Nice, thanks!

With this, I get the following error:

[Vue warn]: Failed to mount component: template or render function not defined.

Whenever importing vue component using require statement instead of import use 'default' key, see below code

const req = require.context('./components/', true, /\.(js|vue)$/i); req.keys().map(key => { const name = key.match(/\w+/)[0]; return Vue.component(name, req(key).default) });

For typescript:

// Load every component from _common
const req = require.context('./_common/', false, /\.(js|vue)$/i)
for (const key of req.keys()) {
  const name = key.match(/\w+/)![0]
  Vue.component(name, req(key).default)
}

Change false to true if you need subfolders