Vite学习day01——初步了解

117 阅读1分钟

vite 特点

  1. 开发效率极高(快)
  2. 开箱即用,功能完备(使用简单)
  3. 社区丰富,兼容rollup(扩展性强)
  4. 超高速热重载
  5. 预设应用和类库打包模式
  6. 前端类库无关

学习目标

  • 掌握vite使用
  • 理解vite原理
  • 构建对于前端构建的认知

vite是什么

vite是一个构建工具的高阶封装,最核心的是rollup

与传统构建工具的区别

传统构建工具

会在entry入口文件就将所有文件打包成bundle,随着文件的增多会越来越慢

Screenshot 2023-01-30 at 01.11.49.png

vite

Screenshot 2023-01-30 at 01.18.43.png

  • high level api
  • 不包含自己编译能力(底层编译来自于rollup以及esbuild)
  • 完全基于ESM加载方式的开发时

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

减少的工作

  • dev server
  • 各类loader
  • build命令