uglify-webpack-plugin打包es6语法报错

最近闲来无事，就参照webpack官网搭建demo，在搭建生产环境时出现以下报错：

发现uglify-webpack-plugin插件打包时无法解析es6语法，

解决方法：配置公共webpack配置

 

1.安装 "babel-core" "babel-loader" "babel-preset-env"

npm i babel-core [email protected] 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']
        }
    }
},

3.执行打包命令，成功