webpack5打包出的代码ie11报语法错误？

Question

   /***/ "./src/index.js":
  /*!**********************!*\
    !*** ./src/index.js ***!
    \**********************/
  /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
  
  【ie11提示这里报语法错误】eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _index_less__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./index.less */ \"./src/index.less\");\n\n\nwindow.onload = function () {\n  const dec = document.querySelector('#dec');\n  const inc = document.querySelector('#inc');\n  const count = document.querySelector('#count');\n\n  dec.addEventListener('click', () => {\n    count.innerHTML = Number(count.innerHTML) - 1;\n  });\n\n  inc.addEventListener('click', () => {\n    count.innerHTML = Number(count.innerHTML) + 1;\n  });\n};\n\n\n//# sourceURL=webpack://dd-market/./src/index.js?");
  
  /***/ })

chrome是好的，ie11提示那一行报语法错误，也没用什么新语法。

Answer 1

需要配置目标环境，用 webpack 的话应该用了 babel-loader 吧，用 @babel/preset-env 的话把 IE 11 加进去。

参考下 Babel 文档吧：https://babeljs.io/docs/en/op...

Answer 2

你没转换语法，const、箭头函数都还在，后面都不用看，IE不支持箭头函数