Support __webpack_public_path__ about monaco-editor-webpack-plugin HOT 7 CLOSED

Confirmed the problem. It incorrectly refers to window.__webpack_public_path__.

from monaco-editor-webpack-plugin.

@rgbkrk This was recently fixed here: #14. Newest release of this plugin v1.3.0 should have this.

from monaco-editor-webpack-plugin.

I'm currently running into an issue with this here: nteract/nteract#2992

$ npm ls monaco-editor-webpack-plugin
[email protected] /Users/kylek/code/src/github.com/nteract/nteract-ext
└── [email protected]

from monaco-editor-webpack-plugin.

We dynamically set the __webpack_public_path__ well before monaco is loaded (it loads in a chunk, dynamically imported, much later).

from monaco-editor-webpack-plugin.

🙏 Thank you!

from monaco-editor-webpack-plugin.

We dynamically set the __webpack_public_path__ well before monaco is loaded (it loads in a chunk, dynamically imported, much later).

Could you provide an example of how you're going about setting the __webpack_public_path__ before monaco-editor-webpack-plugin initializes? I don't see how that is feasible as at least in my situation the webpack public path variable is set at runtime.

I end up with files in the correct location but instead of webpack looking for files in the correct public path, it looks for them a domain.com/js/worker.js when in reality it is domain.com/multi-site-name/default/some-version-hash/js/worker.js. We need this plugin to respect the runtime setting of __webpack_public_path__

from monaco-editor-webpack-plugin.

We wanted to provide an app which is loadable from any path, so therefore we dynamically determine the base path on runtime and use it as __webpack_public_path__. The determination happens in the index.html and afterwards based on the determined base path the bundle.js is loaded.

So therefore we also had the problem loading the editor.worker.js file.
We managed to overcome this problem by overriding the getWorkerUrl in the MonacoEnvironment object like this:

window.MonacoEnvironment = {
  getWorkerUrl(moduleId, label) {
    return `${BASE_PATH}${label == 'javascript' ? 'typescript' : 'editor'}.worker.js`;
  }
};

If you want to provide more languages then you have to consider more workers (see issue).
As long as this issue and the subsequent PR is open, this can be considered as a temporary solution.

I hope this helps some people.

from monaco-editor-webpack-plugin.