最近闲来无事,就参照webpack官网搭建demo,在搭建生产环境时出现以下报错:
发现uglify-webpack-plugin插件打包时无法解析es6语法,
解决方法:配置公共webpack配置
1.安装 "babel-core" "babel-loader" "babel-preset-env"
npm i babel-core babel-loader@7.1.5 babel-preset-env -D
ps: babel-loader默认安装最新版本,需指定安装7.1.5版本,方可与其他依赖配套使用,否则会出现以下报错:
2.安装完成后修改webpack配置文件的rules配置,添加如下配置:
{
test: /\.js$/,
exclude: /(node_modules|bower_components)/,
use: {
loader: 'babel-loader',
options: {
presets: ['env']
}
}
},