codemirror - react-codemirror2 中的 require vs import 语法

Question

react-codemirror2 中的这个例子完全混淆了这个例子，它同时使用了import和require语法；[参见 https://github.com/scniro/react-codemirror2 部分requiring codemirror resources]

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

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

可以require用 代替import吗？如何使 VS Code 编辑器中的警告消失？

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';