webpack和vite

1. 工具本身定位不同
   webpack是底层的东西，vite则是更上层的工具。webpack是配置化，灵活度极高的工具，vite是开箱即用，使用更简单的工具
2. 原理不同
   webpack是bundle，自己实现了一套模块导入导出机制。vite是利用浏览器的esm能力，是bundless。
3. 优缺点
   vite开箱即用，更加简单，基于浏览器esm，使得hmr更加优秀，达到极速的效果；webpack更加灵活，api以及插件生态更加丰富。
4. webpack先打包，再启动服务器，请求服务器时直接给予打包后的结果；vite直接启动服务器，请求哪个模块再对哪个模块进行实时编译。