双皮奶

目前咱都用webpack/rollup/parcel这些打包工具，如果啥配置都不搞，一般都是打包成一个巨大的[hash].bundle.js。 这么搞有几个问题: 甭管用得到用不到的代码，都打到bundle里面了。 这种情况有缓存还好，第一次进来没缓存的用户得下一个非常的js文…

Js 对象的字段在v8里一共有两种类型： Named Property 和 Integer Indice。 那咋区分这两种字段呢？ 简单的理解, 比如有对象const obj = {a: 'foo', b: 'bar', 1: "zoo"}， 其中，字段’a’、’b’就是 Na…

webpack4之前，大家一直都是用CommonsChunkPlugin来做代码切割。那用他具体有什么坑呢？ 我用起来感觉最诡异的点就是每次切割之后，新生成的chunk会和被提取的chunk生成一种父子关系(生成的公共chunk为entry chunk,之前有写过一篇文章介绍)…

最近看了不少关于用webpack做代码切割和持久缓存的文章，又因为这个被公司的大神虐了很久。 写一点收货，也不枉被虐了一番。 这种方法网上关于webpack的文章里很常见，就是通过npm/yarn进行安装，然后由webpack直接打成模块放进引用他的chunk里。 当然，库的代…

如果你还有兴趣，那就一起来看看吧。 首先弄明白chunk是什么东西：webpack将多个模块打包之后的代码集合称为chunk。 entry chunk: 含有webpack runtime代码的模块代码集合。 normal chunk：不含runtime代码的模块集合。 ini…

使用webpack构建工程的时候，我们往常会把功能不同的代码打包到不同的包里(如lib,vendor,业务代码)。 而持久缓存的目的就是每一次更新线上代码的时候，尽可能使内容未做更改的模块的名字和之前保持一致。 [hash]： 整次build生成一个唯一的hash值，赋给所有生…