带有本地 ECMAScript 模块导入的摩纳哥编辑器

Question

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

示例中：

import * as monaco from 'monaco-editor';

我尝试过的：

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

有什么想法吗？

Answer 1

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

---

我认为只使用模块导入是不可能的，因为使用了像 css 导入这样的 webpack 功能。

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