webpack 打包压缩 ES6文件报错UglifyJs + Unexpected token punc (();

Posted 2020-09-27

　　最近做项目的时候运用vue,webpack,在打包压缩的工程中，其他压缩都没有问题，但是最后生成的bundle.js文件确报错，虽然也可以运行，但是毕竟文件大小在那里放着；

　　开始我的解决方案是再写一个webpack.config.js专门配置打包上面已经打包失败的bundle.js；打包压缩完成后再替换掉，这样会很麻烦；

　　于是在网上找很多方法，都是说配置"presets": ["es2015"]；但是我在webpack.config.js中运用后

　　　　//es6语法
　　　　new webpack.LoaderOptionsPlugin({
　　　　　　options:{
　　　　　　　　babel:{
　　　　　　　　　　babelrc: false,
　　　　　　　　　　"presets": ["es2015"]
　　　　　　　　　　}
　　　　　　　　}
　　　　})

　　仍然还是报错，没有压缩成功；尽管我一直相信是我的方法不对，但是网上并没有对小白的我有详细的解释，于是一个一个的实验，最后看到一个模糊的说法试验了，终于发现是要         在 webpack.config.js 的同目录下创建文件 .babelrc，内容如下 

　　　　{ "presets": ["es2015"] }

　　哎，其实就是网上的说法，不过直接省略了在哪里添加；与大家共勉；