在 umijs 项目中使用 Monaco Editor 的配置
Posted zengande
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了在 umijs 项目中使用 Monaco Editor 的配置相关的知识，希望对你有一定的参考价值。
在 umijs 项目中使用 Monaco Editor 的配置
- 安装相关包
yarn add monaco-editor、yarn add monaco-editor-webpack-plugin、yarn add react-monaco-editor - 添加
chainWebpack配置
import MonacoWebpackPlugin from 'monaco-editor-webpack-plugin';
...
const chainWebpack = (config, webpack ) =>
config.plugin('monaco-editor').use(MonacoWebpackPlugin, [
languages: ['yaml']
])
;
export default
...
chainWebpack
- 使用
<Monaco
width="100%"
height="100%"
language="yaml"
theme="vs-light"
value=code
options= selectOnLineNumbers: true
/>以上是关于在 umijs 项目中使用 Monaco Editor 的配置的主要内容，如果未能解决你的问题，请参考以下文章