Ant-design-pro: 想在项目添加monaco-editor，安装 react-monaco-editor 以后重新运行项目出现一些组件样式错误，组件无法使用的问题

[Nearjin]

问题：
想在项目添加monaco-editor使用，在网上查了有别人封装好的 react-monaco-editor ，安装这个依赖后没有任何操作，重新运行 yarn start 后，项目一些组件出现样式错乱的问题，例如按钮组件的样式不见了、a标签会出现下划线等。会出现一些组件功能无法正常使用、例如点击按钮显示弹框，安装后点击按钮反应

环境：
电脑: macbook pro
系统: mac os 10.13.6
浏览器：chrome 70.0.3538.102
antd pro版本：2.1.1

下面是没安装正常的图片

安装后有问题的图片

希望能给出解决问题的方法或者修复这个问题，谢谢！

[chenshuai2144]

给个重现？

[Nearjin]

重现步骤：

1. 拷贝代码
   ~ git clone https://github.com/ant-design/ant-design-pro.git
2. 安装依赖
   ~ cd ant-design-pro
   ~ yarn install
   ~ yarn start
   这时代码跑起来了，样式啥的都没问题
3. 安装 react-monaco-editor 后运行
   ~ yarn add react-monaco-editor
   ~ yarn start
4. 安装第 3 步的插件后重新运行项目就出现上面截图的样子了

[afc163]

yarn add react-monaco-editor

你这重现不科学，react-monaco-editor 都没用。

[chenshuai2144]

还需要专门设置 webpack.

[SuperKieran]

我在plugin.config.js文件里加了webpack的配置

// plugin.config.js
import MonacoWebpackPlugin from 'monaco-editor-webpack-plugin'

export default config => {
  config.plugin('monaco-editor').use(MonacoWebpackPlugin, [
    {
      // available options are documented at https://github.com/Microsoft/monaco-editor-webpack-plugin#options
      languages: ['json']
    }
  ])
}

如上所示
还是和上面的同志一样，ant design pro的样式部分会失效
感觉哪里冲突了...

[bbeas]

@SuperKieran 请问问题最后怎么解决的？我最近使用Monaco Editor也遇到了同样的问题，配置完webpack仍然报错，谢谢

[leiysky]

@afc163 确实是没有用到，仅仅是安装react-monaco-editor就会导致样式被污染。

[leiysky]

@bbeas 我这边解决了，看起来是umi打包的问题，把config里面关于dll的那部分注释掉就好了

[gitbotsman]

@bbeas 我这边解决了，看起来是umi打包的问题，把config里面关于dll的那部分注释掉就好了

我注释以后就无法使用MonacoEditor组件了。请问具体注释什么？多谢！

[ISBN9527]

大佬，请问样式冲突的问题解决了吗？我也有同样的问题

[ISBN9527]

@Nearjin

[ISBN9527]

@all
有哪位大佬解决这个问题了吗？