-
webpack
webpack处理应用程序时，它会在内部从一个或多个入口点构建依赖图，然后将项目中的每一个模块组合成成一个或者多个bundles,然后才可以启动运行项目，所以它启动过程会比较慢；它使用loader处理各类文件，用插件扩展功能
-
vite
基于原生的ESM，浏览器直接加载ESM模块，开发环境无需打包；属于按需加载，让浏览器承担打包工作，因此它在开发环境中启动项目很快；而且Vite会将打包内容分为源码和依赖，依赖会使用强缓存，只有有变化的源码才会重新拉取，所以它热更新也很快
-
总结
vite的开发体验比较好，因为它在项目启动、热更新方面速度上有很大的提升；但是在生产环境上,vite使用rollup进行打包，也支持优化配置；但是在生态上，webpack可定制化、可配置能力更强，更灵活。
