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


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM