Есть ли способ настроить конфигурацию webpack для загрузки определенных записей core-js

Question

ОТКАЗ ОТ ОТВЕТСТВЕННОСТИ: Я не очень знаком с веб-пакетом или 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?Опять же, я не очень хорошо знаком с тем, как поиграться в веб-пакете, за исключением некоторых основных общих задач по настройке, поэтому я надеюсь, что сформулирую это так, чтобы это имело смысл.Если нет, я сделаю все возможное, чтобы исправить на основе обратной связи.

Answer 1

Вы можете добавить это через веб-пакет. Взгляните на документацию 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