理解webpack4.splitChunks之cacheGroups

cacheGroups 其实是 splitChunks 里面最核心的配置,一开始我还认为 cacheGroups 是可有可无的,这是完全错误的,splitChunks 就是根据 cacheGroups 去拆分模块的,包括之前说的 chunks 属性和之后要介绍的种种属性其实都是对缓存组进行配置的。splitChunks 默认有两个缓存组:vender 和 default,可以再来回顾一下 splitChunks 的默认配置:

Read More

理解webpack4.splitChunks

前言

之前一直也没有研究过 webpack4 是基于怎样的规则去拆分模块的,现在正好有时间打算好好了解一下,看了官方文档也陆陆续续的看了看网上别人写的文章,感觉大部分都是将官方文档翻译了一遍,很多问题都没有解释清楚,无奈只好自己写 demo 去通过实际编译结果来理解,经过一天多的不断调试和百度,基本弄清楚了 splitChuns 的运行规则了,特此记录下来。

Read More

redux、immutablejs和mobx性能对比(一)

一、前言

关于 react 的性能优化,有很多方面可以去做,而其中避免重复渲染又是比较重要的一点,那么为什么 react 会重复渲染,我们又该如何避免重复渲染呢,关于这方面官方其实早有说明:避免重复渲染,这里我就不赘述了。这次我主要是想对目前应用比较多的两种解决方案进行一次性能对比,分别是 immutablejs 和 mobx,作为参考我把没有任何优化的 redux 也加入进来,对这三者在页面首次加载速度、用户点击执行一个操作的响应速度进行一系列的测试,最终根据测试结果得出结论。

Read More