Node.js 如何阻止 babel 将this转换为undefined(并插入use strict)

对于巴贝尔>=7.十、

ES6代码有两种处理模式:

• "脚本"-通过<script>或任何其他标准ES5加载文件的方式加载文件时
• "模块"-当文件作为ES6模块处理时

在巴别塔7.x、 默认情况下，文件解析为"模块".给您带来麻烦的是，在ES6模块中，this是undefined，而在"script"的情况下，这取决于环境，比如浏览器脚本中的window或CommonJS代码中的exports.同样，"module"个文件自动严格，所以Babel将插入"use strict";个.

在Babel 7中，如果想要避免这种行为，您需要告诉Babel您的文件是什么类型的.最简单的 Select 是使用"sourceType"选项在Babel选项中设置sourceType: "unambiguous"，这基本上告诉Babel根据import和export语句的存在来猜测类型(脚本与模块).主要的缺点是，从技术上讲，ES6模块不使用import或export是可以的，这些模块会被错误地视为脚本.另一方面，这并不常见.

或者，您可以使用Babel 7的"overrides"选项将特定文件设置为脚本，例如.

overrides: [{
  test: "./vendor/something.umd.js",
  sourceType: "script",
}],

任何一种方法都允许Babel知道一些文件是script种类型，因此不应该将this转换为undefined.

For Babel < 7.x

ES6代码有两种处理模式:

• "脚本"-通过<script>或任何其他标准ES5加载文件的方式加载文件时
• "模块"-当文件作为ES6模块处理时

当使用Babel 6和babel-preset-es2015(或Babel 5)时，Babel默认假定它处理的文件是ES6模块.给您带来麻烦的是，在ES6模块中，this是undefined，文件都是严格的，而在"脚本"的情况下，this根据环境而变化，比如浏览器脚本中的window或CommonJS代码中的exports.

如果您使用的是Babel，最简单的 Select 是在不使用UMD包装器的情况下编写代码，然后使用Browserify之类的工具Bundle 文件，自动为您添加UMD包装器.巴别塔还提供了babel-plugin-transform-es2015-modules-umd美元.两者都是为了简单，所以如果你想要一个定制的UMD方法，它们可能不适合你.

或者，您需要在babel-preset-es2015中明确列出所有Babel插件，确保排除模块处理babel-plugin-transform-es2015-modules-commonjs插件.注意，这也将停止自动添加use strict，因为这也是ES6规范的一部分，您可能希望添加回babel-plugin-transform-strict-mode，以自动保持代码的严格性.

多达babel-core@6.13个预设可以 Select ，所以你也可以 Select

{
  "presets": [
    [ "es2015", { "modules": false } ]
  ]
}

在Babel配置(.babelrc)中，使用babel-preset-es2015并禁用模块处理.