vite打包原理

总结

利用了 现代浏览器 对 ES 模块（ESM）的支持，提供了快速的 **冷启动 **和 热更新 (热模块替换（HMR）)。

入口（entry）、输出（output）、加载器（loaders）、插件（plugins）、模式（mode）和依赖图（dependency graph）

总结

读取 webpack.config.js 配置文件

从 入口（entry）解析所有依赖 构建 依赖图,

通过 加载器（loaders）和解析器（resolvers）处理各种资源 ;

加载器将不同类型的资源转换成 Webpack 能够处理的模块 ( js,json)

插件（plugins）负责优化打包,热模块替换

Webpack 进行摇树 压缩代码、分割代码（code splitting）、提取公共依赖等

https://www.ruanyifeng.com/blog/2022/05/rollup.html