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

Posted 2020-08-18

常规解决套路可以参考这篇：
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