什么是 babel-plugin-transform-require-extensions
babel-plugin-transform-require-extensions 是一款能够将 ES6 模块语法中的 import 或 export 转化成 CommonJS 模块语法中的 require 或 module.exports 的 Babel 插件。
在前端开发中，我们常常会使用 ES6 模块语法来进行模块化开发，但在某些场景下，需要将 ES6 模块语法转化成 CommonJS 模块语法，例如，当我们开发 Node.js 应用时，Node.js 只能识别 CommonJS 格式的模块语法，因此就需要将 ES6 模块语法转化成 CommonJS 模块语法，这个时候，babel-plugin-transform-require-extensions 就能够派上用场。
如何使用 babel-plugin-transform-require-extensions
下面我们来详细介绍babel-plugin-transform-require-extensions 的使用方法。
安装
使用 npm 安装 babel-plugin-transform-require-extensions：
npm install --save-dev babel-plugin-transform-require-extensions
配置
在 babel 配置文件中（一般为 .babelrc）添加插件配置：
-- -------------------- ---- -------
-
---------- -
-------------------------------- -
------------- -
------ -------
------- ------
-
--
-
-可以看出，我们在插件配置中添加了 extensions 属性，它定义了将哪些类型的文件从 ES6 模块语法编译为 CommonJS 模块语法。
例如，上面的配置文件中，我们将 .js 文件和 .jsx 文件转化成了 .cjs 文件格式。
使用
在使用 babel-plugin-transform-require-extensions 之后，我们可以在代码中使用 ES6 模块语法进行开发，例如：
// src/utils/math.js
export function add(a, b) {
return a + b;
}通过 babel-plugin-transform-require-extensions 的编译，最终会生成 CommonJS 模块语法的代码：
-- -------------------- ---- ------- -- ------------------ ---- -------- ------------------------------ ------------- - ------ ---- --- ----------- - ---- -------- ------ -- - ------ - - -- -
因此，在开发 Node.js 应用时，我们就可以直接使用require引入该模块了：
// app.js
const {add} = require('./lib/utils/math.cjs');
console.log(add(1,2));
// output: 3小结
babel-plugin-transform-require-extensions 提供了一种便捷的方法，能够将 ES6 模块语法转化成 CommonJS 模块语法，方便开发者在 Node.js 应用中使用模块化开发。
在实际使用中，开发者需要注意 babel-plugin-transform-require-extensions 的配置，避免出现不必要的编译错误。
除此之外，也可以根据自身需求，使用其他的 Babel 插件来满足项目的需求，例如 babel-plugin-transform-modules-commonjs 和 babel-plugin-transform-es2015-modules-commonjs 等等。
最后，希望本文能够对大家学习 babel-plugin-transform-require-extensions 发挥一定指导意义。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/babel-plugin-transform-require-extensions