首页 >web前端 >js教程 >为什么我的 Babel 转换不起作用?

为什么我的 Babel 转换不起作用?

Patricia Arquette
Patricia Arquette原创
2024-11-16 07:44:03997浏览

Why Isn't My Babel Transformation Working?

Babel 转换未发生

在您的代码中,您遇到了当您尝试编译时 Babel 转换未发生的问题proxy.js 转换为 proxified.js。这会导致输出文件成为源文件的副本,而不是被编译。

要解决此问题,您需要使用要应用的转换来配置 Babel。默认情况下,Babel 6.x 在没有显式配置的情况下不会执行任何转换。

要启用必要的转换,请按照以下步骤操作:

  1. 安装 babel-preset-env 包:
npm install babel-preset-env
  1. 使用 --presets 运行 Babel flag:
babel --presets env proxy.js --out-file proxified.js

或者,您可以在项目目录中创建一个包含以下内容的 .babelrc 文件:

{
    "presets": [
        "env"
    ]
}

此配置告诉 Babel 使用 env 预设,它将标准 ES* 功能编译为 ES5。

如果您使用支持某些 ES6 功能的 Node 版本,您可以通过指定目标 Node 版本来自定义预设。例如:

{
    "presets": [
        ["env", { "targets": { "node": "true" } }],
    ]
}

此配置可确保仅编译您的 Node 版本不支持的功能。如果您需要浏览器支持,您还可以在目标中包含浏览器版本。

以上是为什么我的 Babel 转换不起作用?的详细内容。更多信息请关注PHP中文网其他相关文章!

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn