Html-react-parser: es6代码潜入/破解ie11

创建于 2021-01-21 · 9评论 · 资料来源: remarkablemark/html-react-parser

预期行为

应该只有 es5 代码是 dist build。

实际行为

在使用 webpack 构建最新版本 1.2.1 进行生产时，它会将 es6 代码添加到 dist 构建中。
我不是 100% 确定为什么会这样，因为我找不到“const”dist 构建本身。
对我来说，这个新增功能也被编译：
https://github.com/remarkablemark/html-react-parser/commit/4caa88cc3d6eaf9c28acaf6a344a8d7353a1c58b#diff -d6299b5bb2afc0956126a0adb12fd89829e01a70242423R201a7242423R

如果有帮助，这是编译时的样子：
Screen Shot 2021-01-21 at 13 58 10

当我降级到 1.2.0 版时，这很好，IE11 可以工作。有没有机会制作这个es5代码？

环境

版本：1.2.1
平台：mac os big sur，webpack 5
浏览器：IE11

bug

资料来源

lhtdesignde

最有用的评论

别客气！如果您遇到任何问题，请告诉我。

remarkablemark 于 2021-02-01

❤1 🎉1

所有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

remarkablemark 于 2021-01-22

🎉1 👍1

另外，你用的是什么版本的webpack？

remarkablemark 于 2021-01-22

网络包 5.16.0

lhtdesignde 于 2021-01-22

超好的！感谢您的回答@remarkablemark。这使它起作用！

lhtdesignde 于 2021-01-22

👍1

很高兴听到！这个问题可以关闭@lhtdesignde吗？

remarkablemark 于 2021-01-23

是啊谢谢！

lhtdesignde 于 2021-01-25

👍1

只是提醒一下v1.2.4 ，它在index.mjs中将ES6 语法重构为 ES5。

这应该可以解决问题的根本原因（您可以撤消webpack.config.js更改）。

remarkablemark 于 2021-01-28

非常感谢！我更喜欢这样，因为我的配置更改导致我的供应商文件的大小显着增加。

lhtdesignde 于 2021-02-01

👍1