Babel文件未经转换即被复制

Question

我有这个代码:

"use strict";

import browserSync from "browser-sync";
import httpProxy from "http-proxy";

let proxy = httpProxy.createProxyServer({});

我通过npm 安装babel-core并babel-cli全局安装.关键是当我尝试在终端上使用它编译时:

babel proxy.js --out-file proxified.js

输出文件被复制而不是编译(我的意思是,它与源文件相同).

我在这里错过了什么？

Answer 1

Babel是一个转型框架.在6.x之前,默认情况下它启用了某些转换,但随着Node版本的使用增加,本地支持许多ES6功能,事情可配置变得更加重要.默认情况下,Babel 6.x不执行任何转换.你需要告诉它要运行什么转换:

npm install babel-preset-env

并运行

babel --presets env proxy.js --out-file proxified.js

或创建一个.babelrc包含的文件

{
    "presets": [
        "env"
    ]
}

并像以前一样运行它.

env在这种情况下是一个预设,基本上说是将所有标准ES*行为编译到ES5.如果您使用支持某些ES6的Node版本,您可能需要考虑这样做

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

告诉预设仅处理Node版本不支持的内容.如果需要浏览器支持,还可以在目标中包含浏览器版本.

Answer 2

这些答案中的大多数已经过时了。@babel/preset-env并且"@babel/preset-react是您所需要的（截至 2019 年 7 月）。