Vue我的项目当dev
命令运行时能失常运行,打包后却报错UglifyJs Unexpected token: punc (,)
,然而能顺利打进去,看一下原webpack.prod.conf.js
:
plugins: [... new webpack.optimize.UglifyJsPlugin({ compress: { warnings: false }, sourceMap: config.build.productionSourceMap, parallel: true }),]
就是简略的应用了一个webpack内置压缩js的插件,报错信息为:“js文件app.xxx.js中14922行有,逗号问题
”。查看了这个文件的确是返回了一个含有逗号对象,然而看起来齐全没有任何问题呀?
网上说是babel转换的问题,有调整babelrc
配置,实测没用。难道是webpack版本太低了的起因?
通过一番思考后比照其余我的项目打算换一个压缩插件uglifyjs-webpack-plugin
,而不应用webpack内置插件,后果就解决了!
"uglifyjs-webpack-plugin": "^1.1.1"
webpack.prod.conf.js:
const UglifyJsPlugin = require("uglifyjs-webpack-plugin"); plugins: [... new UglifyJsPlugin({ uglifyOptions: { compress: { warnings: false, drop_debugger: true, drop_console: true } }, sourceMap: config.build.productionSourceMap, parallel: true }),...]