如何通过<script>标签引入Monaco Editor？官方文档仅提及AMD与ESM方式

• 可以通过普通<script>标签引入Monaco Editor，官方提供了UMD格式的分发构建版本，专门适配非模块化环境。
• 这个版本可从monaco-editor的npm包中提取：安装包后，node_modules/monaco-editor/min/vs目录下就是完整的UMD构建文件，你可以直接将整个vs目录复制到项目的静态资源文件夹中使用。
• 本地资源引入示例：

<!-- 加载Monaco的UMD加载器 -->
<script src="/static/vs/loader.js"></script>
<script>
  // 配置模块路径指向项目中的vs目录
  require.config({ paths: { 'vs': '/static/vs' } });
  // 加载编辑器主模块并初始化
  require(['vs/editor/editor.main'], function() {
    const editor = monaco.editor.create(document.getElementById('editor-container'), {
      value: '// 输入你的代码\nconsole.log("Hello Monaco!");',
      language: 'javascript',
      theme: 'vs-dark'
    });
  });
</script>
<!-- 编辑器容器 -->
<div id="editor-container" style="width: 800px; height: 600px; border: 1px solid #ccc;"></div>

• 你也可以直接通过CDN引入该UMD版本，只需将require.config中的路径替换为对应CDN地址即可。

内容的提问来源于stack exchange，提问作者leonard.javiniar