webpack久坐老大哥地位，vite后起之秀： webpack的第一次发布是在 2013 年发布，长久以来是主流的前端打包工具。vite 的第一次发布是在 2021 年，是近两年的后起之秀！

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

前言 本篇是 webpack 进阶，以写文章的形式学习、巩固相关知识，如果有幸让您阅读，十分荣幸。~

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

带你弄懂使用webpack时chunk、bundle、module这些概念；分析打包流程，让你对webpack有更深入的理解

Chunk 是什么？Webpack 如何根据 entry、异步模块、runtime 配置组装 Chunk？

面试官：npm run xxx的时候，发生了什么？讲的越详细越好。 我（嘿嘿，稳了，这次我要30k）: 嘻嘻！

这是我在团队内部的一次技术分享， 分析导致 React 重新渲染的情况，并通过大量代码演示如何避免不必要渲染

本文将先介绍 Webpack 编译构建流程，了解编译构建主要耗时在哪些地方；然后介绍如何收集 Webpack 编译性能数据，以及使用工具分析编译性能瓶颈；最后介绍几个有效减少编译构建时长的手段。