·webpack和vite区别

构建速度：Vite使用原生ESM进行快速构建，而Webpack需要在构建时进行大量的分析和处理，因此Vite的构建速度更快。

开发环境：Vite使用浏览器原生支持的ESM模块加载方案，不需要打包，也不需要热重载，可以实现秒级更新，而Webpack需要在每次修改后重新编译打包，速度较慢。

插件支持：Webpack拥有丰富的插件生态，可以进行更加复杂的项目配置，而Vite相对来说插件生态还比较小，但是Vite的插件开发和使用都比较简单。

配置难度：Webpack相对来说配置难度比较大，需要对各种loader和plugin进行配置，而Vite的配置比较简单，只需要配置少量选项即可。

打包结果：Webpack的打包结果是一个静态的文件，需要在浏览器中解析，而Vite的打包结果是一个ESM模块，可以直接在浏览器中使用。