Small guide for the use case without any modules, but with global scopes

[alexmeier-19]

For mdc there was a small guide how to use mdc in global scope instead of using modules. All Node building, compiling etc. processes are not my everyday business, so it took me some time to find a solution how to build and include material-web to use it without modules. All sources on the web use modules. Our app has a huge legacy, and it is not possible for us to use modules yet.
I achieved it by building material-web with "Rollup" with the following parameters.

1. Install rollup
   npm install rollup @rollup/plugin-node-resolve
2. go to the material web directory
   cd .\node_modules\@material\web
3. Pack all the components (all.js) into a file named "bundle.js" with format "-f iife", which means it will pack without using modules. With "-n MyMd" you can name your namespace, where all the material-web stuff will be accessable. E.g. "new MyMd.MdOutlinedTextField()". Then I had just to load "bundle.js" into my app with <script source..>. I had also to copy the content from "all.d.ts" so my Editor knows all the classes etc. But there I have some problems I still don't understand.
   npx rollup -p @rollup/plugin-node-resolve all.js -o bundle.js -f iife -n MyMd

It would be nice if you could put a short and easy to understand guide to go this way!