# 初识vite

# vite是什么

  • 构建工具的高阶封装,用户使用的其实是其他的构建工具,最核心的rollup

  • 起初确实是转为vue服务的一个工具,但是再2.0以后就已经脱离的vue,与框架无关,作为一个前端构建工具的存在

  • 官网 https://vitejs.cn/

# 目标

  • 使用简单

  • 快

  • 便于拓展(因为兼容rollup的插件,所以能够天然的享受rollup社区的插件)

# 类似的产品

可以在vite的官网上 看到这些比较的介绍https://vitejs.cn/guide/comparisons.html (我发现尤老师特别喜欢跟别人比较,我在学习vue的时候就看到了他跟各种框架比较)

  • Snowpack

  • WMR

  • @web/dev-server

# 和传统的构建工具的却别,主要是和webpack、rollup对比

# 区别

  • High Level API

  • 不包含自己编译能力

  • 完全基于ESM加载方式的开发时

  • webpack更全面

  • rullop更专一

vite是为项目而生的,不是为了构建而生的,它减少了很多配置量

# 减少的工作量

  • dev server

  • 不需要配置各类loader

  • build 命令