1. 程式人生 > >ERROR in xxxx.js from UglifyJS——配置版本混雜版

ERROR in xxxx.js from UglifyJS——配置版本混雜版

常規解決套路可以參考這篇:
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,問題迎刃而解!

原文地址:https://segmentfault.com/a/1190000012605661