Webpack Vue File Loader

loader.js

export default {

  file(file, async = false) {
    console.log(file);
    if (async) {
      return (resolve) => {
        require([`${file}`], resolve);
      };
    }

    return require(`${file}`);
  },

  page(main, page, async = false) {
    const path = `./../pages/${main}/${page}/${page}.vue`;

    return this.file(path, async);
  },

  layout(layout, async = false) {
    const path = `./../layouts/${layout}/${layout}.vue`;

    return this.file(path, async);
  },

  component(component, async = false) {
    const path = `./../components/${component}/${component}.vue`;

    return this.file(path, async);
  },
};