Html-react-parser: Код es6 подкрадывается / ломает ie11

Созданный на 21 янв. 2021  ·  9Комментарии  ·  Источник: remarkablemark/html-react-parser

Ожидаемое поведение

Код es5 должен быть только при сборке dist.

Фактическое поведение

При сборке последней версии 1.2.1 с помощью webpack для производства он добавляет код es6 в сборку dist.
Я не уверен на 100%, почему это так, поскольку я не смог найти саму сборку "const" dist.
Для меня это новое дополнение также компилируется:
https://github.com/remarkablemark/html-react-parser/commit/4caa88cc3d6eaf9c28acaf6a344a8d7353a1c58b#diff -d6299b5bb2afc0956126a0adb12fd89829e01a4cc0532e7277a

Если это полезно, то вот как это выглядит при компиляции:
Screen Shot 2021-01-21 at 13 58 10

Когда я перехожу на версию 1.2.0, это нормально, и IE11 работает. Есть шанс сделать этот код es5?

Среда

  • Версия: 1.2.1
  • Платформа: mac os big sur, webpack 5
  • Браузер: IE11

Самый полезный комментарий

Пожалуйста! Сообщите мне, если у вас возникнут проблемы.

Все 9 Комментарий

Спасибо за открытие этого выпуска @lhtdesignde

Это происходит потому, что webpack отдает приоритет module над main от package.json :

Так что вместо:

// webpack.config.js
module.exports = {
  //...
  resolve: {
    mainFields: ['browser', 'module', 'main'],
  },
};

Посмотрим, сможешь ли ты сделать:

// webpack.config.js
module.exports = {
  //...
  resolve: {
    mainFields: ['browser', 'main', 'module'],
  },
};

См. Resolve.mainFields

Кроме того, какую версию webpack вы используете?

webpack 5.16.0

Так хорошо! Спасибо за этот ответ @remarkablemark. Это заставило его работать!

Рад слышать! Можно ли закрыть этот вопрос @lhtdesignde?

Да, спасибо!

Просто напомню @lhtdesignde , я опубликовал v1.2.4 , которая преобразовывает синтаксис ES6 в ES5 в index.mjs .

Это должно устранить основную причину вашей проблемы (вы можете отменить изменения webpack.config.js ).

большое спасибо! Я предпочитаю это, поскольку изменение в моей конфигурации привело к значительному увеличению размера файла поставщика.

Пожалуйста! Сообщите мне, если у вас возникнут проблемы.

Была ли эта страница полезной?
0 / 5 - 0 рейтинги