ERROR in xxxx.js from UglifyJS——配置版本混雜版
阿新 • • 發佈:2018-11-14
常規解決套路可以參考這篇:
https://segmentfault.com/a/11...
我採用了上面的做法,依然沒法解決。我採用的是vue-cli腳手架自動生成的專案結構:
vue-cli版本 2.9.1
webpack版本 3.6.0
vue版本 2.5.2
又加上出現這個問題的專案copy了一部分之前專案的配置,所以只能推測出是各種配置版本不相容造成的報錯。
當然,我不僅出了uglifyjs的錯,還出了一堆eslint的錯,都是es5轉es6沒轉過來。
速度上線解決方案:
webpack.base.conf.js下注釋掉 eslint-loader相關的程式碼
eslint報錯解決
webpack.prod.conf.js下注釋掉 UglifyJsPlugin相關程式碼
UglifyJs報錯解決
遺留問題
不支援es6的瀏覽器怎麼辦?
1、eslint的問題
監聽的都是語法錯誤,對照報錯,一條條改正就好了
於是,又可以把webpack.base.conf.js下的eslint-loader拿回來了
2、UglifyJs不支援ES6的問題
試了半天,才明白關鍵點,stage-2是vue-cli推薦的解析ES6的模組,為什麼src目錄下的可以,static下的不可以呢,關鍵點就在stage-2的解析目錄沒有加上static,如下:
webpack.base.conf.js下找到 /.js$/,include引數加上一條resolve('static')
include: [resolve('src'), resolve('static')]
至此,stage-2也會去解析static目錄下的ES6,問題迎刃而解!