解决UglifyJs Unexpected token punc «{», expected pun 报错问题

今天打包别人的代码，突然遇到一个问题，npm run serve可以跑起来，但是npm run build却报错，报错如下：

 Unexpected token punc «{», expected punc «(» [js/app.e00f16ea.js:1249,10]

我开始还以为你代码中哪里标点符号的问题，把整个代码过了一边，眼睛都麻了，还好代码量不多，然而并没有发现是啥问题，后来就把报错信息百度了一下，才发现是UglifyJs打包最新语法的JS代码会出现问题，才引起的这个错误。解决方案就来了，换掉uglifyjs-webpack-plugin这个打包插件，用terser-webpack-plugin这个插件即可，代码如下，在vue.config.js里面更新如下代码：

//const UglifyJsPlugin = require('uglifyjs-webpack-plugin')
const TerserPlugin = require("terser-webpack-plugin")
module.exports = {
	publicPath: './',//根路径 cli3.0以上使用publicPath
    //assetsDir:'assets',//静态资源目录(js,css,img,fonts)这些文件都可以写里面
    outputDir:'dist',//打包的时候生成的一个文件名
	lintOnSave:false,//是否开启eslint保存检测 ,它的有效值为 true || false || 'error'\
	configureWebpack: config => {
        if (process.env.NODE_ENV === "production") {
            // 为生产环境修改配置...
            config.mode = "production";
            // 重要是这里，这里修改下
			config.optimization.minimizer = [
				new TerserPlugin({
					terserOptions: {
						compress: {
							warnings: false,
							drop_console: true, //console
							drop_debugger: true,
							pure_funcs: ['console.log'] //移除console
						}
					}
				})
			]
        } else {
            // 为开发环境修改配置...
            config.mode = "development";
        }
 	}
 }

问题即可解决！