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.执行打包命令,成功

猜你喜欢

转载自blog.csdn.net/Beamon__/article/details/85048448