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