react-codemirror2中的require import语法

Question

完全被https://github.com/scniro/react-codemirror2 -codemirror2中的这个例子搞糊涂了，它同时使用了import和require语法；参见requiring codemirror resources小节中的codemirror2

import CodeMirror from 'react-codemirror2'; 
require('codemirror/mode/xml/xml'); 
require('codemirror/mode/javascript/javascript');

我知道require('codemirror/etc')指的是一个普通的JS库依赖(不是特定于React的)，但是为什么require可以在不抛出错误的情况下工作？

require可以被import取代吗？如何使VS代码编辑器中的警告消失？

​

Answer 1

文档的这一部分的主要思想是，你需要自己需要你需要的CodeMirror模块(这意味着如果你需要javascript模式或自动完成，你需要将这些模块添加到你的代码中)。

react-codemirror2文档上说：

如何导入/要求这些资产将根据开发环境的具体情况而有所不同

在大多数情况下，require和import都会执行相同的操作，因此您可以使用react-codemirror2文档中给出的代码：

import CodeMirror from 'react-codemirror2'; 
require('codemirror/mode/xml/xml'); 
require('codemirror/mode/javascript/javascript');

或者将其模拟用于导入：

import CodeMirror from 'react-codemirror2'; 
import 'codemirror/mode/xml/xml'; 
import 'codemirror/mode/javascript/javascript';