表面上,我遇到了与此相同的问题:Webpack Babel-loader transpiles code with eval(),但该解决方案对我不起作用。
我尝试在@babel/preset-env
文件中同时使用babel-preset-env
和webpack.config.js
预设。我也尝试过(但失败了)使用.babelrc
文件来实现这两种配置。是模块版本冲突问题吗?
让我知道是否还有其他信息可以使我的问题更加清楚。
node: v10.15.3
,npm: 6.4.1
webpack.config.js
'use strict';
const path = require('path');
module.exports = {
entry: {
app: './src/js/scripts.js'
},output: {
filename: 'bundle.js',path: path.resolve(__dirname,'public/dist/js')
},module: {
rules: [
{
test: /\.js$/,// include .js files
exclude: /node_modules/,// exclude any and all files in the node_modules folder
use: [
{
loader: 'babel-loader',options: {
presets: ['@babel/preset-env']
}
}
]
}
]
}
};
package.json
...
"devDependencies": {
"@babel/core": "^7.7.4","@babel/preset-env": "^7.7.4","babel-loader": "^8.0.6",...
(来自的除外)生成的bundle.js
/***/ }),/***/ "./src/js/scripts.js":
/*!***************************!*\
!*** ./src/js/scripts.js ***!
\***************************/
/*! no exports provided */
/***/ (function(module,__webpack_exports__,__webpack_require__) {
"use strict";
eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _my_test__WEBPACK_IMPORTED_MODULE_0__ = __webpa .... ");
/***/ })
/******/ });