两者拥有截然不同的构建方式
Webpack：
整体地构建项目，项目中只要有某个文件有问题，就会报错
Vite：
部分构建，把项目分成源码和依赖，源码部分按当前所在的路由，实时构建项目。
vite 使用原生的 ESM（CommonJS 或 UMD 发布的依赖项会被转换为 ESM） 来为浏览器提供源码，让浏览器接管打包的工作，所以vite会比webpack快很多。
配置Vite:
1.需要思考移动端和PC端的构建顺序
如果使用了 tailwindcss：
按tailwindcss官方的说法，它是遵循移动优先的断点系统的，所以配置Vite的时候需要让移动端先构建。
所以这个构建顺序其实是由项目当前在使用的技术栈决定的。
思考：如果有冲突呢
跨域问题
Webpack中可以使用proxy代理来解决跨域问题，vite中也一样。
通过合理配置env，来配置生产环境和开发环境所需:
