使用require js导入摩纳哥编辑器

Question

我已经安装了摩纳哥编辑器

npm install monaco-editor

现在我想在js文件中要求

所以我试着要求

var monaco = require('monaco-editor');

但它给了我的模块没有找到错误.

我做错了吗？

Answer 1

他们刚刚发布了与webpack等兼容的ESM发行版，查看docs 这里。

此外，还有许多例子用于使用摩纳哥与webpack，包裹等。看到所有的。

Answer 2

摩纳哥-编辑器使用自定义AMD风格的模块加载程序。loader.js将导致全球需求被设置为摩纳哥编辑器的装载机.

样本 GitHub有许多在不同上下文中使用编辑器的示例。

看看他们是如何解决你的问题的电撕裂样本index.html。在持久化摩纳哥编辑器自定义加载器之后，您将像在大多数示例中一样使用它。它是一个AMD风格的加载程序，所以语法不同于节点var me = require('monaco')。我不确定是否可以使用类似的节点加载器，但是在加载loader.js并将需求持久化到某些变量(如amdRequire )之后，您将使用如下所示：

amdRequire(['vs/editor/editor.main'], function () 
{ 
    // your code using monaco ns here
    monaco.editor.create( document.getElementById('elementId'), {} );
})