monaco-editor-webpack-plugin运行时代码高亮显示，umi build后不高亮显示了

`monaco-editor-webpack-plugin` 是一个用于在 Webpack 中打包 `monaco-editor` 的插件，它可以帮助我们将 `monaco-editor` 打包到项目中，从而实现代码高亮、智能提示等功能。

在使用 `monaco-editor-webpack-plugin` 插件时，如果在本地开发环境中可以正常显示代码高亮，但在 `umi build` 后却不再高亮显示，可能是因为 `monaco-editor` 中的语言模块没有被正确地打包进了最终的代码中。

解决方法如下：

1. 首先，我们需要在 `config/config.js` 文件中将 `monaco-editor` 的语言模块添加到打包的白名单中，例如：

   export default {
     chainWebpack(config, { webpack }) {
       config.plugin('monaco-editor').use(MonacoWebpackPlugin, [
         {
           // 将需要打包的语言模块添加到白名单中
           languages: ['javascript', 'typescript', 'css', 'html', 'json'],
         },
       ]);
     },
   };

上面的示例中，我们将需要打包的语言模块添加到了白名单中，这样在打包时就会将这些模块正确地打包进最终的代码中。

2. 如果经过上述步骤后，还是无法解决代码高亮的问题，可以尝试手动将 `monaco-editor` 的语言模块导入到项目中，例如：

   import * as monaco from 'monaco-editor';
   import 'monaco-editor/esm/vs/basic-languages/javascript/javascript.contribution.js';
   import 'monaco-editor/esm/vs/basic-languages/typescript/typescript.contribution.js';
   import 'monaco-editor/esm/vs/basic-languages/css/css.contribution.js';
   import 'monaco-editor/esm/vs/basic-languages/html/html.contribution.js';
   import 'monaco-editor/esm/vs/basic-languages/json/json.contribution.js';

   monaco.editor.create(document.getElementById('container'), {
     value: 'function hello() {\n\talert("Hello world!");\n}',
     language: 'javascript',
   });

上面的示例中，我们手动导入了 `monaco-editor` 的语言模块，并在创建编辑器的时候指定了语言类型为 `javascript`。这样，代码高亮就可以正常显示了。