Ant-design-pro: 引入外部模块(tinymce)的问题

[rendongsc]

基于antd-pro脚手架项目，使用tinymce组件。
1、引入方式

import { Editor } from '@tinymce/tinymce-react';
import 'tinymce/skins/lightgray/skin.min.css'
import 'tinymce/skins/lightgray/content.min.css';
require('tinymce/tinymce');
require('tinymce/themes/modern/theme');

2、运行会报错，如下：

3、修改config.js,把modules改成false，可以运行。

  cssLoaderOptions: {
    modules: false,
   ....
 }

但是content.min.css会污染全局样式。
类似这样引入的第三方组件应该怎么配置呢？

[chenshuai2144]

这种极其大型的，我推荐你使用 iframe 引入，这样可以很轻松的做到隔离
可以通过 post css 通信

[afc163]

看看是否有帮助：https://www.tiny.cloud/docs/general-configuration-guide/customize-ui/#customizingtheeditableareawithcontent_css

[rendongsc]

之前在roadhog下跑没有问题的，这两天基于antd-pro(umi)才出现这个问题的。

[xiaohuoni]

https://umijs.org/zh/config/#cssmodulesexcludes 设置这个过滤掉试试

[xiaohuoni]

import的都会被umi编译

[xiaohuoni]

试试，不使用min的，有没有问题