2022年12月公司因为经营问题，被迫裁员。 产研为裁员重灾区，身为前端开发的我理所当然的没有逃过这一劫。 好在虽被裁，但技术尚可，年龄不大，所以很快找到了新公司。 今年年初入职了现在这家公司

自从 2018 年 2 月，webpack4 发布以来，webpack 就暂时没有更进一步的重大更新，为了保持 API 的一致性，旧的架构没有做太多改变，遗留了很多的包袱。阔别 2 年多后，2020 年 10 月 10 日，webpack 5 正式发布，并带来了诸多重大的变更，…

1. 基础 -- 会配置 2. 进阶 -- 能优化 3. 深入 -- 懂原理 一层层晋级打怪 🦖 ，解答不同深度的 Webpack 面试题问题 🤓

搭建webpack环境 创建一个项目 目录结构 webpack版本 这里说明一下，webpack4和webpack5的配置信息或者显示信息可能有点区别 编写配置文件 新建文件 package.json

Webpack5 核心打包流程概览。webpack 在前端工程领域起到了中流砥柱的作用，理解它的内部实现机制会对你的工程建设提供很大的帮助（不论是定制功能还是优化打包）。

一直对webpack热更新非常好奇，在看了一些资料之后。尝试写一个简单的demo模仿。 第一步要实现一个跟webpack类似的模块处理工具。这里直接用极客时间上的一个课程的demo. 简单介绍一下这几个文件： lib：类似webpack。里面的parser.js主要使用bab…

前面分析了 webpack 的普通主流程构建，另外，通过设置 watch 模式，webpack 可以监听文件变化，当它们修改后会重新编译。文档 接下来设置 cli 命令加上 --watch 之后 对 watch 模式下的主流程进行分析（mode = development）。 …

Vite号称是 下一代的前端开发和构建工具 ，目前已经在前端社区里逐步开始流行起来了。它采用了全新的unbundle思想来提升整体的前端开发体验。

tree shaking 还要很多点值得挖掘，如： - css 的 tree shaking - webpack 的 tree shaking 实现 - 如何避免 tree shaking 无效 -