vite与webpack的区别
概念不同： webpack是一个模块打包工具，把不同类型的文件打包为静态资源； vite是一个基于浏览器的开发服务器，可以直接在node环境中执行；
开发效率不同： webpack的热更新是全量更新，即使修改一个小文件，也会重新编译整个应用，编译大型项目速度较慢。vite的热更新是增量更新，只更新修改的文件，编译速度较快；
扩展性不同： webpack有着成熟的插件生态，扩展性很强，vite暂时比不上；
vite的核心功能
- 1.可以直接使用cli命令行工具，直接在node环境中使用；
- 2.使用热更新，实时渲染页面；
- 3.支持css预处理器；
- 4.支持创建环境变量；.env文件
- 5.支持静态资源管理；
- 6.可以在vite.config里进行插件配置，定制vite行为；
- 7.支持ts;
- 8.支持代码分包；
