本來項目完美打包，后來我增加了一個插件vue-ionicons，打包build就是報錯：

ERROR in static/js/8.017e5cf2d2f1a552890d.js from UglifyJs Unexpected token: punc (() [./node_modules/vue-ionicons/dist/ionicons-mixin.js:7,0][static/js/8.017e5cf2d2f1a552890d.js:38,12]

原因：上面的代碼是es6的語法，由于現在還有瀏覽器不支持es6的語法，所以在打包的過程中要把es6轉換成es5,在打包時使用了UglifyJs壓縮JS，但是UglifyJs無法解析ES6，才出現了上述問題。
解決：build/webpack.base.config.js 文件中，resolve部分加入該報錯插件

{test: /\.js$/,loader: 'babel-loader',include: [resolve('src'), resolve('test'), resolve('/node_modules/vue-ionicons/dist/ionicons-mixin.js')]},

再次重新打包，OK搞定。

總結

以上是生活随笔為你收集整理的vue-cli webpack 打包报错：Unexpected token: punc (()的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。