如何使用webpack ProvidePleugin对array.prototype.find进行polyfill？

Question

我正在使用webpack，并根据示例分别基于whatwg-fetch和es6-promise包为较旧的浏览器提供了polyfill fetch和Promise。

new webpack.ProvidePlugin({
    'fetch': 'imports?this=>global!exports?global.fetch!whatwg-fetch',
    'Promise': 'exports?global.Promise!es6-promise'
}),

但是，现在我需要polyfill array.prototype.find（），但是找不到如何使用WebPack的ProvidePleugin特性实现这一点。find的不同之处在于，它本质上是数组原型上的一个方法，我还没有找到如何使用ProvidePleugin指定此类内容的任何示例。有没有人使用webpack对ES6的数组函数进行聚类填充？有什么关于如何实现这一点的指示吗？我做这件事的方式是错误的/过时的，还是有更好的方法来实现我所需要的？

到目前为止，我已经尝试使用paulmillr的polyfill包对语法进行了实验，但是在ProvidePleugin中使用它还没有成功。

在这方面做了更多的研究后，我找到了巴别塔。和这些资源：

null

我还发现babel-polyfill中缺少window.fetch polyfill，这解释了为什么它通常是由providePleugin处理的特殊情况。我还拼凑出ProvidePleugin更多的是一个方便的工具，而不是一个通用的工具来应用Polyfill。直接导入babel-polyfill并除去Promise和除fetch之外的其他ES6 PollyFill在我的实验中显示出了一定的前景。

Answer 1

我现在确定的是下面的解决方案。

在应用程序的根目录中，导入/要求babel-polyfill用于一般的ES6 polyfill（如array.prototype.find、object.assign和promise）。由于fetch是一种特殊情况，因为它被视为不适用于所有环境，所以为whatwg-Fetch包含了一个单独的polyfill。

import "babel-polyfill";
import "whatwg-fetch";

在webpack配置中，删除通过ProvidePleugin提供的任何ES6特性，但保留任何其他便利（例如JQuery orz）。

new webpack.ProvidePlugin({
    $: "jquery",
    jQuery: "jquery",
    // 'fetch': 'imports?this=>global!exports?global.fetch!whatwg-fetch',
    // 'Promise': 'exports?global.Promise!es6-promise',
}),