关于前端:webpack打包报错UglifyJs-Unexpected-token-punc

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
    }),
...
]

评论

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

这个站点使用 Akismet 来减少垃圾评论。了解你的评论数据如何被处理