范文杰

背景：这是一个全新的内容生产时代，从 GPT3.5 开始，LLM 已经爆发出惊人的内容生成能力，引发各行各业的高度关注，生态繁荣迅速为我们带来了 GPT 4o、Claude、豆包等各类细分领域模型，大

工程化是前端各类细分技术领域中最为基础而关键，最具有知识广度与深度因而学习曲线较为陡峭，但同时也是对整体开发效率、质量增益最大因而对个体而言最具有学习价值的高阶技能之一。

任何软件项目一旦叠加“**规模**”与“**时间**”两个变量之后，依赖网络就很容易变得复杂混乱，如果不及时施加恰当的管理手段则迟早会引发诸多晦涩难懂的稳定性、性能、安全等诸多方面的问题。

大家好，我是 范文杰，一个前端从业者，最近刚写完我的第一本小册《Webpack 核心原理与实践应用》，这对我是一个不小的职业突破，所以不能免俗地想做个总结，分享我这九年工作的成长经历，希望有用。

我从刚开始参加工作就经常有写东西的冲动，直到今年3月份才养成连续、有节奏的写作习惯，最近(截止2021-12-15) 已经累计输出28篇技术文章，月均3篇左右，全网阅读量合计 20w ，关注数 1w+

一、什么是 HMR HMR 全称 Hot Module Replacement，中文语境通常翻译为模块热更新，它能够在保持页面状态的情况下动态替换资源模块，提供丝滑顺畅的 Web 页面开发体验。 HM

一、什么是 Tree Shaking Tree-Shaking 是一种基于 ES Module 规范的 Dead Code Elimination 技术，它会在运行过程中静态分析模块之间的导入导出，确

本文已参与「掘力星计划」，赢取创作大礼包，挑战创作激励金。 事情是这样的，某天有个小伙伴问我：为啥我的 webpack 运行完看不到我写的页面，而是： 嗯？文件列表页？好吧，这种情况我似乎没遇到过，一

本文已参与「掘力星计划」，赢取创作大礼包，挑战创作激励金。 我很早就意识到，能熟练、高效阅读开源前端框架源码是成为一个高级前端工程师必须具备的基本技能之一，所以在我职业生涯的最早期，就已经开始做了很多