这篇文章，主要是分析一下，vite 是如何解析它的配置的，我们定义的 vite.config.ts 配置文件，最终会被转换成什么样子，被 vite 的整个执行过程中使用。

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

「图文并貌」 探索Webpack团队设计Pitch Loader的含义，从Loader的设计哲学带你掌握Pitch Loader的真实应用场景。

解析 webpack 核心流程与插件架构，理解： - Webpack 从启动到输出 bundle，内部逻辑流转过程 - 编写 webpack 插件前，你需要弄清楚哪些问题

关于 Webpack 在讲 Plugin 之前，我们先来了解下Webpack。本质上，Webpack是一个用于现代 JavaScript 应用程序的静态模块打包工具。它能够解析我们的代码，生成对应的依

webpack 是我们现阶段要掌握的重要的打包工具之一，我们知道 webpack 会递归的构建依赖关系图，其中包含应用程序的每个模块，然后将这些模块打包成一个或者多个 bundle。 莫慌，我们一点点拆分开看，其实总体的文件就是一个 IIFE——立即执行函数。 函数的入参 mo…

Webpack可以将其理解是一种基于事件流的编程范例，一个插件合集。 而将这些插件控制在webapck事件流上的运行的就是webpack自己写的基础类Tapable。 将plugin控制在webapack事件流上运行（如下图）。后面我们将看到核心的对象 Compiler、Com…

将script标签的type属性设置为module，那么在js中就可以使用模块功能(import '**.js')，es6兼容性为IE11及以下不支持，从 Vue3 的 proxy 和 Vite 的模块，可以看出尤大是彻底放弃 IE 了。 1. js文件 用 es-module…

入口起点指示webpack应用使用哪个模块来作为构建内部依赖图的开始。进入入口起点后，webpack会找出有哪些模块和库是入口起点依赖的。 默认值是./src/index.js，我们可以通过webpack config中的entry属性来指定一个/多个不同的入口起点。 outp…