总结

********

<font style="color:rgb(6, 6, 7);">开发环境下: Vite 充当一个开发服务器，直接利用浏览器对 ESM 的支持, 通过动态编译</font><font style="background-color:rgb(243, 245, 250);">动和打包对应的模块</font>

入口（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