[英]ES6 not getting compiled. I am using Babel with Webpack
我正在尝试将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
选项:
{
"targets": "last 1 version, IE >= 11"
}
或者(现在建议使用此方法),将其引入项目的package.json
"browserslist": [
"last 1 version",
"IE >= 11"
]
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.