Solution

Example: WordPress script loader refactoring

function enqueue_script($src, $deps = array(), $type = 'script') {
  // Check if the script is a module script
  $is_module = strpos($src, '.module.js') !== false;

  // Enqueue the script using appropriate WordPress function
  if ($is_module) {
    wp_enqueue_script('module-script', $src, $deps, null, true);
  } else {
    wp_enqueue_script('regular-script', $src, $deps, null, false);
  }
}

Example: Loading a module script in WordPress

<script type="module" src="path/to/module.js" async></script>

<script type="module">
  import { dependency } from './dependency.js';
  // Code that relies on the imported dependency
</script>

Example: Loading an async module script in WordPress

<script type="module" src="path/to/module.js" async></script>

Example: Loading a deferred module script in WordPress

<script type="module" src="path/to/module.js" defer></script>