vite

由 vue 开发者尤雨溪尤大开发的新一代的前端开发与构建工具，基于浏览器 ES module 来开发 web 应用的方式。

两点最佳性能：

1. 极速的服务启动（无需打包）

2. 轻量快速的热重载HMR（再也不用编辑完代码看效果等老半天了）

我觉得真的是实现了按需编译了，在开发环境下简直是开发者的知音，那速度，你知道什么叫飞一般的感觉吗，在生产环境下实际使用的是 rollup ，而 rollup 最大的特点就是 TreeShaking ,一种采用删除不需要的额外代码的方式优化代码体积的技术,但其实 webpack后来 也增加了 TreeShaking 的功能，所以在生产环境下，其实个人还不太知道vite的优势。

webpack和vite

webpack毕竟是老大哥，论社区生态和兼容性，vite还是比不了的。

其实就像尤大在知乎上说的，vite的目标本来就不是干掉webpack，webpack core只针对打包不限定场景，几乎所有可配置的环节都做成了可配置的，它的灵活性自然是很高的，而vite是限定了web的场景，用限定场景来降低复杂度。

术业有专攻，所以我觉得vite在web场景下是做的比webpack好的，下面就是webpack和vite的一个很大的区别：

不过vite毕竟是新兴工具，所以可能在一些兼容性还做得不是很好，而且在配置上会略显繁琐，特别是webpack转vite,可能需要改很多配置，刨坑…但相信尤大的能力，将来vite会是web构建工具的首选！期待！感激这些大佬们的贡献，让我们这些小白站在巨人的肩膀上开发的更顺畅！

参考链接

当我尝试着把老项目 Webpack 迁移到 Vite 时，发现并没有这么香 - 云+社区 - 腾讯云 (tencent.com)