笔记 --- encodeuricomponent-tag 打包报错 ERROR in XXX.js from UglifyJs

要处理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格式的代码。