要处理URL的query拼接问题,引入了encodeuricomponent-tag。
打包报错如图:
搜索关键字 "ERROR in XXX.js from UglifyJs",可以顺利定位到问题:encodeuricomponent-tag包中包含ES6语法格式的代码,在没有通过babel编译处理的情况下,报错。
可以搜索到的处理方式大致是按照babel-loader,配置webpack.config就可以解决。
项目的webpack配置,如图:
但是在我的项目代码中并未成功解决该问题,报错依然存在。多次尝试(通过清除包中的ES6代码)确定问题在于 encodeuricomponent-tag包中代码未进行编译。
尝试过程中发现去掉 exclude、 include 配置,发现项目可以正常打包。最终定位问题在于exclude 、include的配置。
问题原因简单来说就是, 在webpack配置中,exclude配置的优先级高于include配置,所以在配置了exclude的情况,include怎么写,都是没有效果的。
最终的解决方案是:去掉exclude配置。
另外,因为好奇为什么之前其他的包都没有这种报错,于是在node_modules中搜索了箭头函数的 => 符号,发现几十个包中,真的只有 encodeuricomponent-tag 这个包,用了ES6格式的代码。