一个空格引发的webpack打包体积过大
今天注定是一个不平凡的日子,凌晨1点,项目代码写完后开始打包,打包的时候,突然发现项目的文件特别的大,大到离谱!单独的一个app.js
竟然达到了16M!
搞什么鬼!?项目配置一直都没改动过,今天怎么突然变成这样了!然后开始各种的查源码,查配置!搜索各种打包体积问题,但是一直也没查到问题原因!
突然,想到之前做的一个项目,也是用的cli3
搞的,配置和我现在项目是一样的,打包就没问题,那就一步一步的排除吧!
最笨的方法,先把有问题项目的src
下面的文件复制过去打包一下,看看有没有问题!
结果,打包是正常的!
排除掉src
没问题,那就把vue.config.js
复制过去,打包再看看有没有问题!
结果,打包还是正常的!
这就不对劲了,难道那个文件夹有毒!?
再看看文件夹里面的文件!
那就剩下.env.production
这些了,打开瞧一瞧吧,和之前项目的对比了一下,发现多了几个空格,难道是空格的问题?
删掉空格,重新打包,竟然正常了!
就因为这个空格,浪费了我6个小时!
查错的时间成本太高