在前端开发中，我们经常会用到 Babel-cli，这是一个转码器，能够将 ES6/7/8 代码转换成 ES5 代码，使其在现代浏览器中正常运行。但是在使用 Babel-cli 时，有些开发者会遇到 “require is not a function” 的问题，这是因为 Babel-cli 安装不正确导致的。下面，我们来详细了解解决这个问题的步骤。
安装 Node.js 和 NPM
首先，我们需要安装 Node.js，它是一个基于 Chrome V8 引擎的 JavaScript 运行环境。而 NPM 则是 Node.js 自带的包管理工具，我们可以通过 NPM 来安装我们需要的各种包。
你可以在 Node.js 的官网上下载对应的版本，然后执行安装步骤进行安装。
安装 Bable-cli
一旦我们安装好了 Node.js 和 NPM，就可以通过 NPM 来安装 Babel-cli 了。在终端输入以下命令即可进行安装：
npm install --save-dev babel-cli
这个命令将会把 Babel-cli 安装在当前的项目文件夹中，并且将其添加到项目的开发依赖中。
使用 Babel-cli 进行转码
一旦我们安装好了 Babel-cli，我们就可以开始使用它来进行 ES6/7/8 代码的转换了。我们只需要在命令行中输入以下命令即可：
babel src/index.js --out-file dist/index.js
这个命令会将我们写好的 ES6/7/8 代码转换成标准的 ES5 代码，并且输出到目标文件夹 dist 中。
给 Babel-cli 添加插件
如果我们想要一些额外的功能，比如支持编译 React 的 JSX 语法，我们就需要为 Babel-cli 添加必要的插件。
以 jsx 为例，我们需要执行以下命令来安装插件：
npm install --save-dev babel-preset-react
然后在 .babelrc 文件中添加：
{
"presets": ["@babel/preset-env", "@babel/preset-react"]
}这个配置文件告诉 Babel-cli，在转码的时候，需要先使用 @babel/preset-env 插件转换成 ES5 代码，然后使用 @babel/preset-react 插件转换 React 的 JSX 语法。
结论
通过这篇文章的介绍，你现在已经掌握了如何正确安装 Babel-cli，并且能够解决 “require is not a function” 的问题。同时，我们还了解了如何给 Babel-cli 添加插件，以实现更多功能。现在你可以愉快地使用 Babel-cli 对你的项目进行转码了！
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/67511338050cf9039c19e46a