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

猜你喜欢

转载自www.cnblogs.com/lalalagq/p/9960343.html
今日推荐