The use of Monaco Editor configuration in umijs project

The use of Monaco Editor configuration in umijs project

1. Related to the installation package
   yarn add monaco-editor, yarn add monaco-editor-webpack-plugin,yarn add react-monaco-editor
2. Add chainWebpackConfiguration

import MonacoWebpackPlugin from 'monaco-editor-webpack-plugin';
...
const chainWebpack = (config, { webpack }) => {
    config.plugin('monaco-editor').use(MonacoWebpackPlugin, [
        {
            languages: ['yaml']
        }
    ])
};
export default{
    ...
    chainWebpack
}

1. use

<Monaco
    width="100%"
    height="100%"
    language="yaml"
    theme="vs-light"
    value={code}
    options={{ selectOnLineNumbers: true }}
/>