什么是 interop-require
在前端开发过程中，我们经常会需要使用其他库来辅助我们实现某些功能，而这些库通常需要使用 CommonJS 或 ES6 模块规范进行引入。但是，由于浏览器不支持 CommonJS 和 ES6 模块规范，因此我们需要使用类似于 webpack 的打包工具将这些库进行打包转换，再引入到我们的项目中来使用。
而 interop-require 就是为了解决这个问题而产生的一个 npm 包。它提供了一种简便的方式，让我们能够轻松地在浏览器环境下使用 CommonJS 和 ES6 模块规范的代码。
使用方法
第一步，我们需要使用 npm 安装 interop-require：
npm install interop-require
接下来，我们就可以在项目中使用 interop-require 的 require 函数来引入我们需要使用的模块。同时，我们还需要在引入模块前，通过调用 interopRequire.enable() 方法进行初始化操作：
const interopRequire = require('interop-require')
interopRequire.enable()这样，我们就可以愉快地使用 CommonJS 和 ES6 模块规范的代码了。比如，我们要引入一个 CommonJS 模块：
const path = require('path')或者一个 ES6 模块：
import { debounce } from 'lodash'都可以放心大胆地使用了！
注意事项
- interop-require 并不能完全替代打包工具，它只是为了方便浏览器环境下的调试和快速测试而设计的；
- interop-require 只支持同步加载，因此使用过程中请注意避开异步调用；
- interop-require 会在运行时进行代码编译，因此会存在一定的性能损耗。
示例代码
-- -------------------- ---- ------- ----- -------------- - -------------------------- ----------------------- ----- ---- - --------------- ----- - -------- - - ----------------- -------------------------------------- ----------- -- - ------------------ ------- -- -------
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/61763