在vue项目里使用Monaco Editor

项目中本来使用的是codemirror，但是index.html中需要引入很多js和css，使用起来感觉不太方便（可能是水平有限，用的不对）

1，安装monaco-editor和monaco-editor-webpack-plugin

npm install monaco-editor monaco-editor-webpack-plugin

2，引入项目

参照官网GitHub（https://github.com/Microsoft/monaco-editor/blob/master/docs/integrate-esm.md），

采用的是如下配置

1》webpack.config.js

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

module.exports = {
  entry: './index.js',
  output: {
    path: path.resolve(__dirname, 'dist'),
    filename: 'app.js'
  },
  module: {
    rules: [{
      test: /\.css$/,
      use: ['style-loader', 'css-loader']
    }]
  },
  plugins: [
    new MonacoWebpackPlugin({
      output:'./static/js/