Monaco-editor: How to use it on browserify

[mimorisuzuko]

When I try to use it on browserify(gulp-browserify), other modules is not imported.
I think require is overwritten by loader.js.

I ask you to how to use it on browserify correctly.

[joelday]

Agreed, I'd like to be able to bundle this so that everything can be loaded synchronously and so the bundle can be limited to the specific dependencies that I want.

[mimorisuzuko]

For example, you can rename loader.js require?
e.g.) require -> _require
It is possible to prevent a conflict of require function.

[qballer]

Maybe you can draw ideas from #40, it's a webpack discussion but it might help.

[intellild]

rename loader.js require is a good idea
webpack bundle require into one file, but loader.js require should be running dynamicly at runtime

[mimorisuzuko]

Fixed by https://github.com/Microsoft/monaco-editor/issues/18?

[yuanliwei]

In my case, I just replaced require with window['require'], and it worked.

<script src="https://cdn.bootcss.com/monaco-editor/0.17.1/min/vs/loader.js"></script>

window['require'].config({ paths: { 'vs': 'https://cdn.bootcss.com/monaco-editor/0.17.1/min/vs' } })
window['require'](['vs/editor/editor.main'], function () {
    const monaco = window.monaco || require('monaco-editor'); // for IntelliSense
    var editor = monaco.editor.create(document.querySelector('.editor-container'), {
        language: "javascript",
        roundedSelection: false,
        scrollBeyondLastLine: false,
        readOnly: false,
        theme: "vs",
        fontSize: 20,
    });
});

[jamesgibson14]

Thanks @yuanliwei your solution worked for me only I changed the cdn url to unpkg:
https://unpkg.com/[email protected]/min/vs/loader.js