Webpack 一直都是有些人的心魔，不清楚原理是什么，不知道怎么去配置，只会基本的 API 使用。它就像一个黑盒，让部分开发者对它望而生畏。 而本节最大的作用，就是帮大家一点一点的消灭心魔。

前端发展到了今天，web应用越来越复杂和庞大，前端技术迅猛发展，各路大神各显神通，多种优秀的前端框架、新语言和其他相关技术(如下图所示)不断涌现，这些都极大地提高了我们的开发效率。面对这些框架所衍生出

本文将从一道小学语文题出发，由浅入深的讲述AST的设计原理以及各种衍生应用，在这过程中会手写各种好玩的插件，弄懂ESLint和代码压缩等这类基建原理，最后通过最佳实践直接助你成为基建大师。

本文是 从零到亿系统性的建立前端构建知识体系✨ 中的第二篇，整体难度 ⭐️⭐️。 承接上文（从构建产物洞悉模块化原理），本文将继续从分析构建产物出发，探索 Webpack 中异步加载（懒加载）的原理

本文将从前端模块化的发展历史出发，逐步探讨`CommonJS`规范 和 `ES Module`规范之间的异同，最后将深入模块化内部原理进行多维度剖析，彻底弄懂 Web环境下 `Webpack` 是如何

2021年再谈 webpack 项目搭建，保姆级教程，手把手带你搭建 webpack5 + ts + vue3 的企业级项目开发环境

经过前两章节的学习，对于webpack的基础和高阶部分有所掌握了，下面总结了几道常见的 webpack 面试。希望对你们对于 webpack 的学习有所收获！！ 1、简单说一下 webpack 的构建

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

前言 面试题只是一个引子，快速刷题就是背（面试官问你，但是他不一定很深入），想深入理解还是得花大量精力； webpack 的构建流程是什么 初始化参数：解析webpack配置参数，合并shell传入和