Babel 是一个用于将现代 JavaScript 代码转换为所有浏览器都可以理解的兼容代码的工具。它是前端开发中必不可少的工具之一。在搭建 Babel 7 项目时，有时会遇到 Unknown option 报错的问题，本文将介绍如何解决这个问题。
问题描述
在搭建 Babel 7 项目时，我们安装依赖并创建了 .babelrc 配置文件：
{
"presets": [
"@babel/preset-env"
]
}接着，在运行 babel 命令时，出现了以下错误提示：
Error: Unknown option: .preset-env". Check out https://babeljs.io/docs/en/babel-core/#options for more information about options. A common cause of this error is the presence of a configuration options object without the corresponding preset installed. You can run `npm ls babel-preset` to see if it is installed.
这个错误提示告诉我们，Babel 不认识 .preset-env 这个选项，是因为我们没有安装对应的预设。
解决方案
解决这个问题的方法很简单，我们只需要安装 @babel/preset-env 预设即可，我们可以运行以下命令来安装：
npm install --save-dev @babel/preset-env
安装完预设之后，我们打开 .babelrc 文件，修改成如下配置：
{
"presets": [
"@babel/env"
]
}注意，.preset-env 改成了 @babel/env。
接着，我们再次运行 babel 命令，就不会再出现 Unknown option 报错了。
总结
在搭建 Babel 7 项目时，遇到 Unknown option 报错，通常是因为缺少对应的预设，只需要通过 npm 安装，然后修改 .babelrc 配置文件即可。
对于初学者，可能需要一些帮助来了解各种预设的实际作用。要深入学习 Babel，你可以访问 Babel 官网，查看各种预设和插件的文档和使用方法，以便更好地应用它们来转换你的项目代码。
示例代码
下面是一个使用了箭头函数和字符串模板语法的示例代码：
const name = 'Alice';
const sayHello = () => {
console.log(`Hello, ${name}!`);
};
sayHello();使用 babel 命令转换示例代码：
babel index.js --out-file index.es5.js
转换后的代码：
-- -------------------- ---- ------- ---- -------- --- ---- - -------- --- -------- - -------- ---------- - ------------------- -------------- ------ -- -----------
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/651d0dcb95b1f8cacd491e82