monaco-editor generates a webpack bundle for each language about monaco-editor-webpack-plugin HOT 4 CLOSED

Hey all, I've found the issue.

Check out the usage for Monaco Editor Webpack Plugin.

react-monaco-editor should be using:

import * as monaco from 'monaco-editor/esm/vs/editor/editor.api'

but it uses

import * as monaco from 'monaco-editor'

instead. This forces monaco-editor-webpack-plugin to build the entire editor instead of only what you tell it.

I've solved this issue by adding an alias for monaco-editor in my webpack.config.js:

const path = require('path');
const webpack = require('webpack');
const MonacoEditorPlugin = require('monaco-editor-webpack-plugin');

module.exports = {
    mode: 'development',
    entry: './src/app.js',
    devtool: 'source-map',
    output: {
        path: path.resolve('dist'),
        filename: 'app.js'
    },
    module: {
        rules: [{
            test: /\.css$/,
            use: ['style-loader', 'css-loader']
        }]
    },
    // ALIAS
    resolve: {
        alias: {
            'monaco-editor': 'monaco-editor/esm/vs/editor/editor.api.js'
        }
    },
    plugins: [
        new MonacoEditorPlugin({
            languages: ['javascript', 'typescript'],
            features: []
        })
    ]
};

This issue should be closed as it has nothing to do with monaco-editor-webpack-plugin

from monaco-editor-webpack-plugin.

Same here.

Also features: ['!toggleHighContrast', '!accessibilityHelp', '!contextmenu', '!codelens'] doesn't seem to work.

from monaco-editor-webpack-plugin.

I have the same issue with the same setup. Is there any temporary workaround to force those bundles to not be generated?

from monaco-editor-webpack-plugin.

I ran into the same problem just a few minutes ago. I actually thought something was wrong with my webpack...

from monaco-editor-webpack-plugin.