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

Question

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

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

在解决这个问题时，我已经能够通过在 package.json 中添加 core-js 作为依赖项并将以下导入添加到 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

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

Is there a way to setup webpack config to load specific core-js entries

javascript

webpack

internet-explorer-11

babeljs

spread-syntax