跳转到内容

Vite

维基百科,自由的百科全书
Vite
原作者尤雨溪
首次发布2020年4月20日​(4年前)​(2020-04-20
当前版本4.2.1[1]在维基数据编辑
源代码库github.com/vitejs/vite
编程语言TypeScript
平台Node.jsDenoBun
类型开发服务器
许可协议MIT许可证
网站https://vite.dev/

Vite是一个由尤雨溪编写的本地开发服务器。[2]它被默认用于VueReact的项目模板,支持TypeScriptJSX并在内部使用Rollupesbuild英语esbuild进行打包构建。[3]

它监视文件在编辑时的变化,并在文件保存后通过称为热模块替换(HMR)的过程重新加载被编辑的代码[4],该过程通过使用ES6模块(ESM)重新加载被更改的部分文件,而不是重新编译整个应用程序。

Vite提供了内置的SSR支持。默认情况下,它监听TCP端口5173。可以配置Vite以通过HTTPS提供内容,并将请求(包括WebSocket)代理到后端Web服务器(例如Apache HTTP Server)。

功能与性能

[编辑]

Vite有着可以减少开发等待时间的热模块替换(HMR)系统。Vite支持ReactVueSvelte等框架,并支持服务器端渲染(SSR)、代码拆分和异步加载。

与传统构建工具相比,Vite的生产构建时间快,为3.37秒,而Webpack为10.82秒,Parcel为9.01秒。Vite与工具(如Vitest用于测试、Astro用于内容驱动的站点和Slidev用于演示文稿)无缝集成,且与框架无关。[5]

参见

[编辑]

参考文献

[编辑]
  1. ^ https://registry.npmjs.com/vite; 检索日期: 2023年3月30日.
  2. ^ Introducing Vite JS - Next-Gen Frontend Tooling. Radixweb. [10 November 2023] (英语). 
  3. ^ Why Vite. vite.dev. 
  4. ^ Educative Answers - Trusted Answers to Developer Questions. Educative. [10 November 2023] (英语). 
  5. ^ Understanding Vite and Bun.js: A Detailed Developer's Review. Valletta Software Blog. July 27, 2024 [August 28, 2024]. 

外部链接

[编辑]