项目优化的三个方向 概念：我们在项目构建过程中，或多或少都会遇到优化方面的一些问题。这个问题无关于构建工具，不管是webpack还是vite、rollup，我们想要优化一个项目，可以从三个层面出发：代

附全部源码💥💥💥我们从零开始使用 Vue 3 搭建一个 Monorepo 项目架构，采用 pnpm 作为包管理器 ......

代码分割用来解决什么问题？Vite 的默认代码分割策略怎么样的？vite-plugin-chunk-split 插件提供了怎么样的拆包策略，以及实现方式？一起来看看吧！

何为前端工程化 前端工程化是指将软件工程的原理和方法应用到前端开发中，以提高开发效率、代码质量和可维护性。随着 Web 应用的复杂度不断增加，传统的前端开发方式已经难以满足需求，因此引入了工程化的概念

在前端开发中，我们经常使用 npm install <package> 来安装依赖包。这个命令会从默认的 registry 源查找包，并将其下载解压到项目的 node_modules 目录中。 你可能

npm 缺点 npm 的依赖扁平化机制 在 npm v3 及以后版本中，当我们执行npm install安装依赖包时，npm 会采用依赖扁平化策略。以安装axios为例，npm 不仅会安装axios本

Webpack 和 Rollup 都是现在前端领域比较流行的打包工具，这些是您应该知道的一些事情 ！

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

前言 众所周知 一个好的前端就是要于手写各种前端工具链。 咱们今天来写一个玩具webpack,当然市面上有很多手写webpack的教程, 我这个版本省去了webpack中的tapable库和loade