webpack优化,webpack dll动态链接库的方案可谓是很多人用的经典方案
但是睡着webpack的升级,打包性能还是逐步提高了很多,我们也希望减少配置带来的复杂关系,那么最优化最小化配置的,必然是最好的选择,下面介绍一下 hard-source-webpack-plugin以及和dll的对比
dll
其实是做缓存
所谓动态链接,就是把一些经常会共享的代码制作成 DLL 档,当可执行文件调用到 DLL 档内的函数时,Windows 操作系统才会把 DLL 档加载存储器内,DLL 档本身的结构就是可执行档,当程序有需求时函数才进行链接。透过动态链接方式,存储器浪费的情形将可大幅降低。
将dll和缓存进行对比可以发现:

个人理解的dll基本过程:
1、第一次npm run的时候,把请求的内容存储起来(存储在映射表中)
2、再次请求时,先从映射表中找,看请求的内容是否有缓存,有则加载缓存(类似浏览器的缓存策略,命中缓存),没有就正常打包。
3、直接从缓存中读取。
hard-source-webpack-plugin
在项目实现的过程中,想在代码更改的同时,查看效果的改变,而这个

最低0.47元/天 解锁文章
911

被折叠的 条评论
为什么被折叠?



