vite 和 webpack 在热更新上有啥区别？
- 模块级别的热更新：Vite 使⽤浏览器原⽣的 ES 模块系统，可以实现模块级别的热更新，即只更新修改的模块，⽽不需要刷新整个⻚⾯。这样可以提供更快的开发迭代速度。⽽在 Webpack 中，热更新是基于⽂件级别的，需要重新构建并刷新整个⻚⾯。
- 开发环境下的⽆构建：Vite 在开发环境下不会对代码进⾏打包构建，⽽是直接利⽤浏览器原⽣的模块导⼊功能，通过 HTTP 服务器提供模块的即时响应。这样可以避免了构建和重新编译的时间，更快地反映出代码的修改。⽽在 Webpack 中，每次修改代码都需要重新构建和编译，耗费⼀定的时间。
- 构建环境下的优化：尽管 Vite 在开发环境下不进⾏打包构建，但在⽣产环境下，它会通过预构建的⽅式⽣成⾼性能的静态资源，以提⾼⻚⾯加载速度。⽽ Webpack 则通过将所有模块打包成 bundle ⽂件，进⾏代码压缩和优化，以及使⽤各种插件和配置来优化构建结果。 总的来说，Vite 在热更新上⽐ Webpack 更加快速和精细化，能够在开发过程中提供更好的开发体验和 更快的反馈速度。但是，Webpack 在构建环境下有更多的优化和功能，适⽤于更复杂的项⽬需求。
