monaco-editor - 带有原生 ECMAScript 模块导入的 monaco-editor

Question

我们有一个单页 Web 应用程序，可以根据需要为应用程序的不同部分按需加载模块。它使用原生 ECMAScript导入，没有像 Webpack 或 RequireJS 这样的模块捆绑器。我无法以这种方式使用该库，并且不想引入另一个库只是为了能够在浏览器本身对模块有很好的支持时加载它。如果有人可以分享如何使用它的示例（例如 JSFiddle），我将不胜感激。所有示例代码都显示模块名称中没有扩展名的导入，这只会导致浏览器出错（当前为 Chrome 77），例如：

在示例中：

import * as monaco from 'monaco-editor';

我试过的：

import * as monaco from '/modules/monaco-editor/esm/vs/editor/editor-main.js';

任何想法？

标签： monaco-editor

Answer 1

我不确定这是否能回答您的问题：

---

我认为不可能只使用模块导入，因为使用了诸如 css 导入之类的 webpack 功能。

但是你可以使用像@pika/web这样的工具来生成模块，这些模块应该是可导入的。