"this"上下文在 JS 文件中不可用 (Webpack 4)

Question

我已经将我的 webpack 从 3.8.1 迁移到 4.41.2。我一直面临着独立javascript文件中"这个"上下文的问题。请检查以下代码：

实用.js

export const calculateSum = (a,b) => {
this.sum = 0;
this.sum += a + b;
return this.sum;
};

请注意，以上是描述该问题的示例代码。

在使用 webpack 3.8.1 时，我能够使用上面示例中使用的"this"对象，但在迁移到 4.41.2 后，我无法这样做。

我在非常大的代码库中有很多这样的情况，因此到处更改代码是不可行的。在 webpack 配置中找不到这样的选项。

如何在新版本的 webpack 中修复？

Answer 1

根据这个问题，Webpack 在类定义中将 "this" 转换为未定义。

开发人员说他们修复了 Webpack 4 中的this问题，maybe you use global webpack installation

如果 webpack 安装不起作用，你可以试试这个问题，它可能是 Babel 问题。

Babel6，Babel 7有不同的解决方案，你可以根据你的Babel版本尝试配置。

希望这有帮助。

Answer 2

尝试： 输出：{ 全球对象："这个" }