介绍
Vite(法语意为 “快速的”,发音 /vit/,发音同 “veet”)是一种新型前端构建工具,能够显著提升前端开发体验。
官网
理解
对于后端程序员,不容易理解 vite,没有与之对应的软件、工具,可以理解为三大功能:
- 创建vue3工程(不支持vue2)
- 开发服务器,开发期间,能够运行vue3工程
- 打包,将vue3工程打包成:HTML+CSS+JavaScript文件
组成
它主要由两部分组成:
一个开发服务器,它基于 原生 ES 模块 提供了 丰富的内建功能,如速度快到惊人的 模块热更新(HMR)。
一套构建指令,它使用 Rollup 打包你的代码,并且它是预配置的,可输出用于生产环境的高度优化过的静态资源。
Vite 意在提供开箱即用的配置,同时它的 插件 API 和 JavaScript API 带来了高度的可扩展性,并有完整的类型支持。
优点
- 轻量快速的热重载(HMR),能实现 极速的服务启动。
- 对 TypeScript、JSx、cSS 等支持开箱即用。
- 真正的按需编译,不再等待整个应用编译完成。
要求
Vite 需要 Node.js 版本 14.18+,16+。有些模板需要依赖更高的 Node 版本才能正常运行,当你的包管理器发出警告时,请注意升级你的 Node 版本。