EL PSY CONGROO

有多个同事反应公司打包脚本本地开发时非常慢, 我debug了一下确实找到了个之前没被发现的问题.

而如何知道webpack编译过程卡在了哪里就成了问题.

从webpack进度条看, 只能知道卡了, 而不知道哪个地方卡了, 所以也无从优化.

时隔好久, 终于进入了hmr的简要流程分析.

前几天读了下张鑫旭介绍写作技巧的文章, 没想到从他别的价值输出中学到了点东西.

我自己评价是不进鸡汤的, 没想到喝了一大口, 趁激情还在, 记录一下, 万一以后还能反刍这口鸡汤呢.

m1的电脑用了2年多了, 键盘磨损还是和上个电脑一样.

磨损最厉害的是 a, f, u, 空格.

haha两岁了, 想聊一下和他在一起的两年对自己很多观念的改变.

有一些刚需网页不好用, 经常有重复操作, 自己来修改是比向网站拥有者提需求容易的.

分享一下最近对2个网站的修改. 这些修改确实节省了我很多日常重复操作的时间.

前几天同事提了如标题的需求, 我觉得挺有意思的, 就实现了一下.

之前都在了解webpack的build流程. 现在来了解下dev流程是怎么样的.

调试webpack一定避免不了tapable.

有时走进一段不认识的代码, step into烦了, 就选择step over, 然后就直接跑完了.

所以最好简单看下tapable才能更好调试webpack.

关于treeshaking我之前只知道个概念, 把mode设为production就开启了treeshaking.

还知道一些”esm”, “sideEffect”. 但具体的其实很模糊.

(这其实归功于文档一般般, 中文文档更有问题)

这次就来更深入一步. (这篇post需要一些前置知识, 有概念不清楚的需要去webpack系列看一下.)