Vite 打包工具

bundle 

vite 的整体架构设计 Vite 核心采用的是分层解耦架构进行项目的设计和实现吧,主要是分为的是四个层的东西吧,每个模块的职责清晰、依赖明确的特性吧 核心的架构 基础依赖层:提供的是底层能力的支撑实现吧,选用的是社区内部的成熟的已经有的依赖进行实现的讷,比如说 esbuild 或者说 rollup

webpack 打包工具

bundle 

webpack 的理解 模块化 webpack 的最初目标是实现前端项目的模块化,旨在更加高效的管理和维护项目 最早的时候,我们也会通过文件划分来实现模块化开发,也就是将每个功能点一起相关的数据各自单独放到不同的 js 文件中 约定么每一个文件就是单独的模块,然后将 js 文件通过 script 标