前言
刚开始搞项目优化相关，最近接到一个项目。大致构建如下 roadhug1.X、 react v15.X\ webpack 3.X
遇到的问题：
项目打包出来体积很大，打包过程耗时长， 项目代码也很杂乱，缺少维护规则限制
优化实施前资料准备
- 先了解roadhug提供的能力和扩展方案：roadhug
- 如果对webpack3不是很了解，可以参考webpack深入浅出
- 掘金参考文章跳转
解决思路和实践
预案：
- 升级roadhug至2.x
- 升级到webpack4替代roadhug方案，可以减少不小的包，自由使用webpack4的特性
- 升级使用umi方案 因为本项目很老，改动起来很耗时间和人力，所以这些方案没有通过，如果项目体量小可以尝试
实际结局： 使用webpack3的uglifyjsplugin，进行压缩和混淆，然后进行gzip压缩， 体积减少不少，但是效果也不少很理想
总结
如果有相同问题，可以互相探讨和提供思路
