EL PSY CONGROO

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

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

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系列看一下.)

说是webpack compile, 准确的说是compiler执行run方法的过程, 这里包含make, seal, emit三个阶段.

这里会比上篇多深入一步, 介绍下最简单的情况下, 一个module经过各个阶段时的状态.

这些状态中夹杂着非常多的二开点(hooks), 了解module的状态, 就能知道在什么阶段可以对他大概进行什么处理了.

但对细节和具体数据结构点到为止, webpack细节实在是太多了, 慢慢再展开.

打包到65%老卡住是为什么? 为什么我的打包没有进度条? 进度条的真实度是怎么样的?

看完就了解.