I want to inline the first module in my html, to reduce loading time. So instead of this:

<script src="system.js"></script>
<script>System.import('/js/main.js')</script>

I want to do something equivalent to this:

<script type="module">
  // This is main.js module
  import {addTextToBody} from './utils.mjs';
  addTextToBody('Modules are pretty cool.');
</script>

Update: Clarify: In this example, when I said ./utils.mjs, I actually want to say shared-utils, which is an external dependency(matained and deployed by other team).

How to achieve this with systemjs module?

Update: my proposol is in this comment: #2148 (comment)