Javascript ES6没有被编译。我正在使用网页包的巴贝尔

我正在尝试将babel与webpack结合使用，以便将我的ES6代码转换为香草javascript。我没有收到任何错误，但我不认为我的ES6正在转换为香草Javascript。我正在使用下面的webpack和babel软件包-

"@babel/core": "^7.5.5",
"@babel/preset-env": "^7.5.5",
"babel-loader": "^8.0.6",
"webpack": "^4.39.3",
"webpack-cli": "^3.3.7"

这是我的webpack.config.js文件-：

const path = require('path');

const config = {
 entry: './src/index.js',
 output: {
     path: path.resolve(__dirname, 'build'),
     filename: 'bundle.js'
 },
 mode: 'development',
 module: {
     rules: [
         {
             test: '/\.js$/',
             loader: 'babel-loader',
             exclude: '/node_modules/'
         }
     ]
 }
}

module.exports = config;

在我的.babelrc文件中，我还写了-：

{
    "presets": ["@babel/preset-env"]
}

bundle.js仍有相同的代码-：

/*! no static exports found */
/***/ (function(module, exports, __webpack_require__) {

eval("const sum = __webpack_require__(/*! ./sum */ \"./src/sum.js\");\r\n\r\nconst total = sum(10, 4);\r\n\r\nlet array = [1,2,3];\r\n\r\nArray.from(array).forEach(($item) => {\r\n console.log($item);\r\n})\r\n\r\nconsole.log(total);\n\n//# sourceURL=webpack:///./src/index.js?");

/***/ }),

/***/ "./src/sum.js":
/*!********************!*\
  !*** ./src/sum.js ***!
  \********************/
/*! no static exports found */
/***/ (function(module, exports) {

eval("const sum = (a, b) => a + b;\r\n\r\nmodule.exports = sum;\n\n//# sourceURL=webpack:///./src/sum.js?");

/***/ })

这段代码仍然有const和arrow函数。

---

因此没有错误，但代码仍然没有被编译。

您缺少

中的
目标
选项。babelrc

：

{
  "targets": "last 1 version, IE >= 11"
}

或者（这是现在推荐的方法），将其引入项目的

包.json

"browserslist": [
    "last 1 version",
    "IE >= 11"
]

---

您的

中缺少
目标
选项。babelrc

：

{
  "targets": "last 1 version, IE >= 11"
}

或者（这是现在推荐的方法），将其引入项目的

包.json

"browserslist": [
    "last 1 version",
    "IE >= 11"
]