webpack打包报错 from UglifyJs Unexpected token: operator (>)

一次webpack打包后失败报


ERROR in assets/js/chunk.5.4c9ea1671f8ab4bb1662.js from UglifyJs
Unexpected token: operator (>) [assets/js/chunk.5.4c9ea1671f8ab4bb1662.js:5442,43]

ERROR in assets/js/chunk.13.4c9ea1671f8ab4bb1662.js from UglifyJs
Unexpected token: operator (>) [assets/js/chunk.13.4c9ea1671f8ab4bb1662.js:3803,43]

找到编译失败文件chunk.5.4c9ea1671f8ab4bb1662.js第5442行43列
在这里插入图片描述
嗯哼?Excuse me?为何我看到了箭头函数.老大哥,进错队伍啦.
于是全局搜索这块相似代码出现的地方(看到有其他案例是打包失败会返回源码路径的,不知我这为啥木有),在npm安装的swiper工具包里找到了,一看满满的es6语法呀(swiper版本5.0.4),然后一看我的webpack配置
webpack打包报错 from UglifyJs Unexpected token: operator (>)_第1张图片
看来babel的解析把node_modules文件下的依赖包都排除了,为了使swiper能正常使用,看来要把swiper文件的解析加进去.
webpack打包报错 from UglifyJs Unexpected token: operator (>)_第2张图片
好的,npm run build走起…

ERROR in assets/js/chunk.5.b62ffd3da0b9a4923661.js from UglifyJs
Unexpected token: name (Dom7) [assets/js/chunk.5.b62ffd3da0b9a4923661.js:12967,6]

ERROR in assets/js/chunk.13.b62ffd3da0b9a4923661.js from UglifyJs
Unexpected token: name (Dom7) [assets/js/chunk.13.b62ffd3da0b9a4923661.js:11328,6]

emmmm…
百度搜了下解决办法
1、增加对dom7 npm包的es6语法解析,因为swiper中引入了dom7依赖包
修改完后:
webpack打包报错 from UglifyJs Unexpected token: operator (>)_第3张图片
编译成功!!
参考链接: https://juejin.im/post/5a338bf651882549a7464477
2、降swiper版本或者增加配置项(没有试过,大家可以试一试)
参考链接: https://blog.csdn.net/shelbyandfxj/article/details/83145521

你可能感兴趣的:(webpack)