项目中本来使用的是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/