Vite的新体验有哪些亮点和细节，能详细介绍一下吗？

本文共计589个文字，预计阅读时间需要3分钟。

Vite 是一个快速且高效的 Web 开发构建工具，通过本地 ES 模块导入和即时模块更新，实现快速代码更新。特点包括：超快、冷服务启动、即时模块更新、真实按需加载。

什么是Vite?(是前端新玩具)

Vite是一个web开发构建工具，它通过本机 ES 模块导入在开发过程中更新代码，达到快速更新的目的。

特点

• 超快的冷服务器启动
• 即时的模块更新
• 真正的按需编译
• 更小的打包体积

开始使用

Vue用户注意：Vite当前仅适用于Vue3.x。这也意味着您不能使用尚未与Vue 3兼容的库。

安装

npm init vite-app <项目名称> cd <项目名称> npm install npm run dev ## 执行完以上命令，就意味着你的vue3.0项目已经用上了vite了

vite和webpack体验上有什么不同？

就vite目前给我的感觉，就是一个字，快。

• 初次启动调试服务的时候比webpack快了一倍。
• 打包的速度也快了一倍以上。
• 打包出来的文件的体积也是原来webpack的一半体积不到。