一分种一起来了解Vite的基础

---

Vite回顾

Vite概念

• vite是一个面向现代浏览器的更轻更快的web应用开发工具
• 它基于ECMAScript标准的原生模块系统（ES Module）实现
• 它的出现是为了解决webpack在开发阶段使用webpack dev-server冷启动时间过长。另外webpack HMR热更新反应速度慢的问题。
• 使用Vite创建的项目就是一个普通的Vue3的应用。相比于Vue-cli创建的项目也少了很多配置的文件和依赖。

vite项目依赖

• Vite 命令行工具，目前只支持Vue.js 3.0的版本，通过指令指定使用不同的模版也可以使用其他的框架
• @vue/compiler-sfc 用来编译项目中的.vue后缀的单文件组件； vue2.x中使用的是vue-template-compiler

vite基础使用

• vite serve 用于启动一个用于开发的web服务器，在启动服务器的时候，不需要编译所有的代码文件，启动速度非常快。