Dynamic module import

main.js

//
// Async loading modules
//
const AsyncModules = async () => {
  // Load and setup forms
  let formEls = [...document.querySelectorAll('.Form--ajax')];
  if (formEls.length) {
    const Forms = await import(/* webpackChunkName: "forms" */ './components/Forms');

    formEls.map(formEl => new Forms(formEl));
  }
};

//
// Theme
//
const Theme = {
  // DOM ready
  init () {
    // Dynamic import
    AsyncModules().then( () => {
      console.log('Modules loaded');
    });
  }
};

document.addEventListener('DOMContentLoaded', () => Theme.init());