带有本机ECMAScript模块导入的monaco编辑器

时间:2019-10-16 08:19:59

标签: monaco-editor

我们有一个单页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';

有什么主意吗?

1 个答案:

答案 0 :(得分:1)

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


我认为仅使用模块导入是不可能的,因为使用了css import等webpack功能。

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