如何通过monaco-editor-webpack-plugin使react-monaco-editor代码高亮

可以通过以下步骤使用 `monaco-editor-webpack-plugin` 实现 `react-monaco-editor` 的代码高亮：

1. 安装 `monaco-editor-webpack-plugin` 和 `monaco-editor`

npm install monaco-editor-webpack-plugin monaco-editor --save-dev

2. 在 webpack 配置文件中引入 `monaco-editor-webpack-plugin`，并添加插件

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

module.exports = {
  // ...
  plugins: [
    // ...
    new MonacoWebpackPlugin(),
  ],
};

3. 在 `react-monaco-editor` 组件中添加 `language` 和 `theme` 属性

import MonacoEditor from 'react-monaco-editor';

class App extends React.Component {
  render() {
    const code = 'console.log("Hello, world!")';

    const options = {
      selectOnLineNumbers: true,
      language: 'javascript', // 添加 language 属性
      theme: 'vs-dark', // 添加 theme 属性
    };

    return <MonacoEditor width="800" height="600" language="javascript" theme="vs-dark" value={code} options={options} />;
  }
}

这样就可以实现 `react-monaco-editor` 的代码高亮了。