我有这个代码：
"use strict";
import browserSync from "browser-sync";
import httpProxy from "http-proxy";
let proxy = httpProxy.createProxyServer({});
我已经安装babel-core，并babel-cli通过NPM全球。关键是当我尝试在我的终端上编译时：
babel proxy.js --out-file proxified.js
输出文件被复制而不是编译（我的意思是，它与源文件相同）。
我在这里错过了什么？
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 版本不支持的内容。如果您需要浏览器支持，您还可以在目标中包含浏览器版本。
这些答案中的大多数已经过时了。@babel/preset-env并且"@babel/preset-react是您所需要的（截至 2019 年 7 月）。
我遇到了同样的问题，原因不同：
我尝试加载的代码不在包目录下，并且 Babel 默认不会在包目录外进行转译。
我通过移动导入的代码解决了这个问题，但也许我也可以在 Babel 配置中使用一些包含语句。
首先确保您具有以下内容node modules：
npm i -D webpack babel-core babel-preset-es2015 babel-preset-stage-2 babel-loader
接下来，将其添加到您的 Webpack配置文件 ( webpack.config.js) 中：
// webpack.config.js
...
module : {
loaders : [
{
test : /\.js$/,
loader : 'babel',
exclude : /node_modules/,
options : {
presets : [ 'es2015', 'stage-2' ] // stage-2 if required
}
}
]
}
...
参考：
祝你好运！
2020, Jan：Babel presets：yarn add -D @babel/preset-env @babel/preset-react
babelrc.js并添加presets：module.exports = {
// ...
presets: ["@babel/preset-env", "@babel/preset-react"],
// ...
}
babel-loader：yarn add -D babel-loader
webpack.config.js：中添加加载程序配置：{
//...
module: [
rules: [
test: /\.(js|mjs|jsx|ts|tsx)$/,
loader: require.resolve('babel-loader')
]
]
//...
}
祝你好运...