一.Webpack.config.js重点配置 1.entry入口 用来指定打包入口文件，默认为./src/index.js，需要注意的是，entry后面可以接数组和对象,如果是数组的话，那么不管你有

抽象语法树（abstract syntax code，AST）是源代码的抽象语法结构的树状表示。这里特指编程语言的源代码。 树上的每个节点都表示源代码中的一种结构，之所以说是抽象的，是因为抽象语法树并不会表示出真实语法出现的每一个细节，比如说，嵌套括号被隐含在树的结构中，并没有…

大家好！今天我们将探讨一个在项目开发中非常关键，同时也是字节，百度都考到过的问题 —— Vite 为什么比 Webpack 打包更快？

引言 什么是loader？ 众所周知，webpack是个只能识别js和json文件的小笨蛋，所以就要有loader来转换，让文件能被webpack识别到，从而顺利打包，loader还能对资源进行优化，

前言 因此我们就需要去了解一下，我们的包管理器，在前端比较主流的包管理器主要有三个（当然还有其他优秀的包管理器，本文主要介绍这三个），分别是：npm，yarn，pnpm 幽灵嵌套（Phantom De

本文适用于前端方向的同学（没错就是给自己看的😭），Webpack 的插件机制本质上是一种事件流的机制，它的工作流程就是将各个插件串联起来，而实现这一切的核心就是 tapable。一起学习吧~

tapable 是一个类似于 Node.js 中的 EventEmitter 的库，但更专注于自定义事件的触发和处理。webpack 通过 tapable 将实现与流程解耦。

Vite 是一个由原生 ESM 驱动的 Web 开发构建工具。在开发环境下基于浏览器原生 ES imports 开发，在生产环境下基于 Rollup 打包。 那废话少说，我们先直接来试用一下。 我们来看下生成的代码, 因为 vite 尝试尽可能多地镜像 vue-cli 中的默认…

前言 小伙伴们在面试的时候，是否有碰到过这样的问题，面试官：说说你对前端构建工具的理解 ？这时候大家就可能会说出自己比较熟悉的两个构建工具了， Webpack 和 Vite， 然后开始介绍他们两个之间