bundle.js 文件中的 Babel 输出未正确输出答案

【问题标题】：Babel output in bundle.js file not properly outputtingbundle.js 文件中的 Babel 输出未正确输出
【发布时间】：2018-08-08 09:23:43
【问题描述】：

我已经尝试了几个小时来弄清楚 Babel 发生了什么。它没有输出任何接近它应该输出的东西。

我可以提供您推断解决方案可能需要的任何上下文/文件。谢谢。

示例 script.js 函数：

var nameBuilder = function(firstName="John", lastName="Doe") {
console.log(firstName + " " + lastName);
};

nameBuilder();

Babel 输出（来自一个代码块，所以我没有缩进）：

【问题讨论】：

【解决方案1】：

这实际上并没有错，Babel 是一个 traspiler，它使程序员能够在可能尚未实现它们的平台上使用更新的 JavaScript 功能（如您示例中的默认参数）。在这个例子中，Babel 重写了你的函数，将undefined 替换为你的默认参数，以便在尚未实现默认参数的平台上工作。

供参考，这里是兼容性表：

【讨论】：

我想我现在的问题是为什么他们网站上的结果与我通过 webpack 运行得到的结果不同？例如，如果 script.js 函数是“const year = 2018;”它应该只是将其更改为 var，但它输出的内容与上述输出非常相似。
我会检查您的配置，您上面的输出似乎已被缩小（删除了不必要的字符）。您可以设置一些标志来控制此行为。 babel 在这里做的另一件事是将其包装在 IIFE 中并将其作为模块导出（可能出于可移植性原因）
我是否必须通过 .babelrc 文件访问配置？或者有没有专门的地方可以查看和操作配置？
最常用的两种方法是使用 .babelrc 文件和通过 JS API（允许配置参数）

【解决方案2】：

看起来有一些压缩/丑化标志集，通常用于减少生产代码的大小。检查 babel 的标志/配置/默认行为。

【讨论】：