vite与webpack区别

vite与webpack区别

在浏览器支持 ES 模块之前，JavaScript 并没有提供的原生机制让开发者以模块化的方式进行开发。这也正是我们对 “打包” 这个概念熟悉的原因：使用工具抓取、处理并将我们的源码模块串联成可以在浏览器中运行的文件。
最初，我们使用Rollup 和 Parcel，目前使用最多的是webpack。而vite则是尤雨溪推出的新一代前端构建工具。
vite官网：link
官方的图片如下：

vite的优势如下：

1. 开发环境中，无需打包操作，可快速的冷启动；（webpack中都是打包完成后才启动，npm run serve)
2. 轻量快速的热重载；(更改代码便可立即更快的局部刷新，webpack也可以，但是vite更快速更轻量）
3. 真正的按需编译，不再等待整个应用编译完成。（Server ready其实是虚假的状态，在获取到HTTP request后，entry进入找到所需的路由route，然后分析路由所对应的模块）