Vite

维基百科,自由的百科全书
跳转到导航 跳转到搜索
Vite
File:Vite Logo 2026.svg
原作者尤雨溪
首次发布2020年4月20日​(6年前)​(2020-04-20
当前版本
    Module:EditAtWikidata第29行Lua错误:attempt to index field 'wikibase' (a nil value)
    源代码库github.com/vitejs/vite
    编程语言TypeScript
    引擎
      Module:EditAtWikidata第29行Lua错误:attempt to index field 'wikibase' (a nil value)
      平台Node.jsDenoBun
      类型开发服务器
      许可协议MIT许可证
      网站https://vite.dev/

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

      它监视文件在编辑时的变化,并在文件保存后通过称为热模块替换(HMR)的过程重新加载被编辑的代码[3],该过程通过使用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用于演示文稿)无缝集成,且与框架无关。[4]

      参见[编辑]

      参考文献[编辑]

      1. ^ Introducing Vite JS - Next-Gen Frontend Tooling. Radixweb. [10 November 2023]. (原始内容存档于2025-01-23) (English). 
      2. ^ Why Vite. vite.dev. [2025-01-12]. (原始内容存档于2025-02-01). 
      3. ^ Educative Answers - Trusted Answers to Developer Questions. Educative. [10 November 2023]. (原始内容存档于2025-01-15) (English). 
      4. ^ Understanding Vite and Bun.js: A Detailed Developer's Review. Valletta Software Blog. July 27, 2024 [August 28, 2024]. (原始内容存档于2025-01-24). 

      外部链接[编辑]