在前端开发中，我们经常使用npm包来管理依赖。其中，一个非常有用的npm包是require-like（或称为 esm），它可以让我们在浏览器中直接使用ES Modules。
安装 require-like
安装require-like非常简单，只需在终端中运行以下命令：
--- ------- ------------
使用 require-like
使用require-like非常简单，它提供了一种类似于 Node.js 中require的方式引用模块的方法，如下所示：
------ - ------------ - ---- --------------------------------
这里需要注意的是，我们使用了一个类似于钩子的字符串"require-like!"，它告诉require-like去加载某个模块，并把它转换成ES6模块。
另外，需要在webpack的配置文件中添加对require-like的支持，具体内容如下：
-------------- - -
------- -
------ -
-
----- --------
------- ----------------------
-------- ---------------
--
--
--
--require-like 的优势
使用require-like的最大优势在于它可以让我们在浏览器端直接使用ES模块。事实上，如果我们想要在浏览器中使用原生的ES模块，那么我们需要确保浏览器本身已经支持ES模块，并且需要使用type="module"属性来标识脚本。而这一切，在使用require-like之后，都无需关心。
此外，require-like还可以让我们在浏览器端直接加载CommonJS模块，这些模块通常是Node.js中使用的格式。如果我们想要在浏览器中使用这些模块，那么我们可以使用类似于以下方式的语法：
------ - ------------ - ---- -----------------------------------------
总结
require-like是一个非常有用的npm包，它可以让我们在浏览器中直接使用ES Modules和CommonJS模块。使用require-like非常简单，只需要在终端中运行npm install require-like并在webpack配置文件中添加相应的loader即可。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/49800