javascript - 有没有办法设置 webpack 配置来加载特定的 core-js 条目

Question

免责声明:除了简单的设置外，我对 webpack 或 babel 不是很熟悉，所以如果问题不清楚，我深表歉意，并会尽力提供进一步的清晰度。

因此，目前的情况是一位同事最近更新了一堆包，其中包括 babel，而 babel 不再为 .forEach 和 ie11 中的传播运算符正确转换代码(特别是在遍历节点列表时)。由此产生的行为有点令人沮丧；简而言之，在这些浏览器中加载页面时没有任何反应，没有控制台错误，什么也没有。

在解决此问题时，我已经能够通过将 core-js 添加为 package.json 中的依赖项并将以下导入添加到 main.js 文件来修复它:

import 'core-js/stable/array/for-each';
import 'core-js/stable/array/from';
import 'core-js/stable/dom-collections';
import 'core-js/stable/object/get-own-property-symbols';

问题是，有没有办法完全通过 webpack 配置获得相同的结果？同样，除了一些基本的常见设置任务之外，我不太熟悉如何在 webpack 中玩转，所以我希望我用一种有意义的方式来表达这一点。如果没有，我会根据反馈尽力改正。

Answer 1

你可以通过 webpack 添加这个。 查看文档 https://github.com/zloirock/core-js#babelpreset-env 你需要 babel .babelrc

{
  "presets": [
    [
     "@babel/preset-env",
     {
       "useBuiltIns": "usage",
       "corejs": 3
     }
    ]
  ]
}

那么你不需要在main.js中添加依赖，所有依赖都由core-js自动添加

我准备了代码https://github.com/tomik23/webpack-babel-corejs