webpack和vite的区别

webpack原理图

vite原理图

Webpack 会 先打包 ，然后启动开发服务器，请求服务器时直接给予打包结果。 而 Vite 是 直接启动 开发服务器，请求哪个模块再对该模块进行 实时编译 。 由于现代浏览器本身就支持 ES Module，会自动向依赖的 Module 发出请求。 Vite 充分利用了这一点，将开发环境下的模块文件，就作为浏览器要执行的文件，而不是像 W ebpack 那样进行 打包合并 。