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

32次阅读

共计 734 个字符，预计需要花费 2 分钟才能阅读完成。

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

正文完