安装react

yarn create react-app monaco-app
cd monaco-app
yarn start

安装monaco

yarn add monaco-editor
yarn add react-monaco-editor
yarn add monaco-editor-webpack-plugin -D

安装webpack 插件，添加 monaco-editor-webpack-plugin 到 webpack.config.js 中

由于脚手架创建的项目没有webpack.config.js文件，官方默认配置文件都是隐藏的，运行yarn add eject 即可生成一个config目录里面即是我们想要的配置文件

const MonacoWebpackPlugin = require('monaco-editor-webpack-plugin');
module.exports = {
   
  plugins: [
    new