Documentation need for using the module in. and html page

[acwest]

If I have a number of script files, normally I include them as:

<script src="js/foo.js"></script>
<script src="js/bar.js"></script>

but if one of those files needs to use the module, I can't figure out how to import everything so it works.

If I do it this way:

<script type="module">
    import * as id3 from './js/vendor/id3js/id3.js';
 </script> 
<script src="js/foo.js"></script>
<script src="js/bar.js"></script>

id3 isn't visible in the script files
while if I include the script files in the module:

  <script type="module">
    import * as id3 from './js/vendor/id3js/id3.js';
    import './js/foo.js';
    import './js/bar.js';
  </script>

I can't use any of their code (I suspect I would have to rewrite everything to be a module)
Is there a way to use this in non-modular javascript?