Newbie question - basic one html file example

1

I would like to create a minimum ProseMirror example and I am failing on doing so. I am sure this is due to my lack of basic JavaScript knowledge, so sorry for bothering with such a basic topic.

I tried the following:

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Hello World Prosemirror</title>
</head>
<body>
  <h1>Hello World Prosemirror example</h1>
  
  <div id="editor"></div>

  <script type="module">
      import { schema } from "prosemirror-schema-basic"
      import { EditorState } from "prosemirror-state"
      import { EditorView } from "prosemirror-view"

      let state = EditorState.create({ schema });
      let view = new EditorView(document.getElementById('editor'), {
        state,
      });
  </script>
</body>
</html>

but I am missing how to load prosemirror-schema-basic, prosemirror-state, prosemirror-view. I tried several approaches. For example:

<meta>
<link rel=stylesheet href="https://prosemirror.net/css/editor.css">
<script src="https://prosemirror.net/examples/prosemirror.js"></script>
...
</meta>

which fails with:

Uncaught TypeError: Failed to resolve module specifier "prosemirror-schema-basic". Relative references must start with either "/", "./", or "../".

I also tried:

....
  <script type="module">
    import prosemirrorSchemaBasic from 'https://cdn.jsdelivr.net/npm/prosemirror-schema-basic@1.2.2/+esm'
    </script>
<script type="module">
  import prosemirrorState from 'https://cdn.jsdelivr.net/npm/prosemirror-state@1.4.3/+esm'
  </script>

</head>
<script type="module" src="
https://cdn.jsdelivr.net/npm/prosemirror-view@1.33.3/dist/index.min.js
"></script>
<link href="
https://cdn.jsdelivr.net/npm/prosemirror-view@1.33.3/style/prosemirror.min.css
" rel="stylesheet">
...

with error:

Uncaught TypeError: Failed to resolve module specifier "prosemirror-state". Relative references must start with either "/", "./", or "../".
ex02.html:1 Uncaught TypeError: Failed to resolve module specifier "prosemirror-schema-basic". Relative references must start with either "/", "./", or "../"

Please, bear in mind that I aim to wrap part of this library for a different programming language (Nim), so I want to avoid webpack.

2

Well it looks like I have to use a bundler.