进入公司之后，接手的便是前人留下来的一个大项目。庆幸的是整个项目拥有完善的产品功能文档，但是由于项目过于庞大，老旧。包含了打包过慢，冗余文件过多等诸多问题。想要快速的解决这些问题，想要完全把功能重构一遍的话，成本太高了。一个一个文件来过，时间成本也比较大。因此在此篇文章中，我们介绍一下我是如何配合webpack一步步进行分析，将项目进行优化的。
同时我针对思路封装了一个webpack-unused-files，用于查找项目中的冗余文件，欢迎试用并star

在日常开发过程中我们采用react+redux方案进行开发，往往会遇到redux样板代码过多的问题，在不断的抽离过程中，顺手封装了一个redux-middleware。在此进行详细的问题和解决思路。最终代码和示例可以再项目中查看并使用，欢迎使用、建议并star~

最近针对日常业务需求使用react封装了一套组件库, 大概记录下整个开发过程中的心得。刚接触react不久，很多东西可能会比较基础。

some description of css-in-js

original

将对象组合成树形结构以表示‘部分-整体’的曾侧结构。并利用多态性使单个对象和组合对象的使用具有一致性。

使用松耦合的方式设计程序，向某些对象发送一些请求，并不需要请求的接受者和谁来操作，使得发送者和接收者消除彼此间的耦合关系。

为一个对象提供一个代理，以便控制对它的访问。

关键：提供一个替身对象来控制对该对象的访问，以满足需求。

定义一系列算法，把它们封装起来，并且使它们可以相互替换。其至少有两部分组成

• 策略类，负责各个具体的算法，负责具体计算过程
• 环境类Context, 接收用户请求，负责委托给策略类

保证一个类只有一个实例，并可以进行全局访问。例如，唯一的登陆Modal等，都适用单例模式实现。