Vite介绍

介绍

Vite(法语意为 “快速的”,发音 /vit/,发音同 “veet”)是一种新型前端构建工具,能够显著提升前端开发体验。

官网

https://vitejs.cn/

理解

对于后端程序员,不容易理解 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 版本。


原文出处:/show_1GW1FEnpcdP9.html