How deeply does Web Components in Action cover module script?

Explains how the module type enables imports across dependencies, without detailing module internals.

Module script

As explained in Web Components in Action

An HTML script-loading mode that interprets a script as an ECMAScript module and enables module loading semantics.

Add `type="module"` to an HTML `<script>` to enable module loading. The script can import a component, whose imports load its dependencies, so the page can reference just the top-level app component. Use a local web server: loading modules directly from the filesystem may be blocked. section 5.2

Listing 5.5. A minimal application HTML file for our Web Harp demo

<html>
   <head>
       <title>Web Harp</title>
       <script type="module"                        #1
               src="./components/app/app.js">
       </script>
       <link href="csshake.min.css"                 #2
             type="text/css" rel="stylesheet">
       <link href="main.css"                        #3
             type="text/css" rel="stylesheet">
   </head>
   <body>
       <webharp-app strings="8"></webharp-app>
   </body>
</html>

Minimal Web Harp HTML page with a module script that loads the app component. section 5.2

How Web Components in Action covers it

liveBook manning.com

Read Web Components in Action on liveBook Get the book at manning.com

Related concepts

moduleconfigures · A module is a distinct, bounded software unit that groups related code or functionality and provides an organizational or interaction boundary within a larger system.
script elementused by · A script element is an HTML element that embeds executable script code or references an external script resource.

This explainer was generated by Manning's knowledge graph from the text of Web Components in Action. The section links point to the parts of the book it draws on.