webpack vue-cli vite 前端构建工具的区别

1 优缺点对比

特性	vue-cli	webpack	vite
启动速度	🐢 较慢	🐢 较慢	🚀 非常快
开发体验	👍 良好，内置热更新	🤷‍♂️ 灵活但较慢	🌟 极快的热更新，开发体验好
配置难度	🎮 简单，开箱即用	🧩 复杂且灵活	📘 简单，默认配置即可
生态系统	🌲 丰富的 Vue 插件	🌳 非常成熟	🌱 生态系统在快速发展中
适合项目类型	🏢 Vue 项目，特别是中大型项目	🏗️ 任何类型的复杂项目	🏡 Vue 和其他现代框架的小型项目

2 如何选择

2.1 对于已经使用 Webpack 的大型项目，继续使用 Webpack 可以避免迁移成本。
2.2 对于新项目或中小型项目，为了更快的开发体验和简洁的配置，推荐使用vite。

注：参考链接

https://worktile.com/kb/p/3562604
https://blog.youkuaiyun.com/Ammmmmmmmn/article/details/142419364