Arhn - архитектура программирования

Как добавить полифиллы для внешних библиотек в Babel с помощью Rollup

Я использую накопительный пакет для создания своего проекта (AMD/UMD). Существует внешняя зависимость от библиотеки, которая использует такие функции ES, как Map, Symbol, Array.from и т. д., которые не поддерживаются в Internet Explorer. Поскольку библиотека является внешней, похоже, что Babel не транспилирует библиотеку, а это означает, что эти функции никогда не заполняются полифилами.

Есть ли способ сообщить Babel включить эту библиотеку для полифилла через @babel/preset-env?

Конфигурация накопительного пакета у меня выглядит примерно так:

{
  // omitted ...
  external: [
    'vue',
    /^@pnp.*/, // uses Map, Symbol, Array.from, ...
  ],
  plugins: [
    babel ({
      configFile: false,
      runtimeHelpers: true,
      exclude: /node_modules\/(?!vue-runtime-helpers)/,
      extensions: ['.js', '.jsx', '.es6', '.es', '.mjs', '.ts', '.tsx', '.vue'],
      presets: [
        ['@babel/preset-env', {
          corejs: 3,
          useBuiltIns: 'usage',
          ignoreBrowserslistConfig: false,
          targets: {
            browsers: browserslist, // includes IE11
          },
        }],
      ],
    }),
  ]
}

vue, похоже, работает как внешняя зависимость OOTB, потому что они предоставляют сборку, совместимую с IE, а pnpjs - нет.

30.06.2020

Ответы:


1

Babel не сможет обнаружить необходимые полифиллы для внешних модулей, но вы можете включить @pnp/polyfill-ie11 в вашем приложении. Не помечайте его как внешний.

02.07.2020
Новые материалы

Коллекции публикаций по глубокому обучению
Последние пару месяцев я создавал коллекции последних академических публикаций по различным подполям глубокого обучения в моем блоге https://amundtveit.com - эта публикация дает обзор 25..

Представляем: Pepita
Фреймворк JavaScript с открытым исходным кодом Я знаю, что недостатка в фреймворках JavaScript нет. Но я просто не мог остановиться. Я хотел написать что-то сам, со своими собственными..

Советы по коду Laravel #2
1-) Найти // You can specify the columns you need // in when you use the find method on a model User::find(‘id’, [‘email’,’name’]); // You can increment or decrement // a field in..

Работа с временными рядами спутниковых изображений, часть 3 (аналитика данных)
Анализ временных рядов спутниковых изображений для данных наблюдений за большой Землей (arXiv) Автор: Рольф Симоэс , Жильберто Камара , Жильберто Кейрос , Фелипе Соуза , Педро Р. Андраде ,..

3 способа решить квадратное уравнение (3-й мой любимый) -
1. Методом факторизации — 2. Используя квадратичную формулу — 3. Заполнив квадрат — Давайте поймем это, решив это простое уравнение: Мы пытаемся сделать LHS,..

Создание VR-миров с A-Frame
Виртуальная реальность (и дополненная реальность) стали главными модными терминами в образовательных технологиях. С недорогими VR-гарнитурами, такими как Google Cardboard , и использованием..

Демистификация рекурсии
КОДЕКС Демистификация рекурсии Упрощенная концепция ошеломляющей О чем весь этот шум? Рекурсия, кажется, единственная тема, от которой у каждого начинающего студента-информатика..