Babel 是一个用于将现代 JavaScript 代码转换为所有浏览器都可以理解的兼容代码的工具。它是前端开发中必不可少的工具之一。在搭建 Babel 7 项目时，有时会遇到 Unknown option 报错的问题，本文将介绍如何解决这个问题。
问题描述
在搭建 Babel 7 项目时，我们安装依赖并创建了 .babelrc 配置文件：
-
---------- -
-------------------
-
-接着，在运行 babel 命令时，出现了以下错误提示：
------ ------- ------- ------------- ----- --- ---------------------------------------------- --- ---- ----------- ----- -------- - ------ ----- -- ---- ----- -- --- -------- -- - ------------- ------- ------ ------- --- ------------- ------ ---------- --- --- --- ---- -- ------------- -- --- -- -- -- ----------
这个错误提示告诉我们，Babel 不认识 .preset-env 这个选项，是因为我们没有安装对应的预设。
解决方案
解决这个问题的方法很简单，我们只需要安装 @babel/preset-env 预设即可，我们可以运行以下命令来安装：
--- ------- ---------- -----------------
安装完预设之后，我们打开 .babelrc 文件，修改成如下配置：
-
---------- -
------------
-
-注意，.preset-env 改成了 @babel/env。
接着，我们再次运行 babel 命令，就不会再出现 Unknown option 报错了。
总结
在搭建 Babel 7 项目时，遇到 Unknown option 报错，通常是因为缺少对应的预设，只需要通过 npm 安装，然后修改 .babelrc 配置文件即可。
对于初学者，可能需要一些帮助来了解各种预设的实际作用。要深入学习 Babel，你可以访问 Babel 官网，查看各种预设和插件的文档和使用方法，以便更好地应用它们来转换你的项目代码。
示例代码
下面是一个使用了箭头函数和字符串模板语法的示例代码：
----- ---- - -------- ----- -------- - -- -- - ------------------- ----------- -- -----------
使用 babel 命令转换示例代码：
----- -------- ---------- ------------
转换后的代码：
---- -------- --- ---- - -------- --- -------- - -------- ---------- - ------------------- -------------- ------ -- -----------
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/651d0dcb95b1f8cacd491e82