1. 程式人生 > >vue-cli webpack 打包報錯:Unexpected token: punc (()

vue-cli webpack 打包報錯:Unexpected token: punc (()

本來專案完美打包,後來我增加了一個外掛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搞定。