Vite 正在参加 2021 年度 OSC 中国开源项目评选,请投票支持!
Vite 在 2021 年度 OSC 中国开源项目评选 中已获得 {{ projectVoteCount }} 票,请投票支持!
2021 年度 OSC 中国开源项目评选 正在火热进行中,快来投票支持你喜欢的开源项目!
2021 年度 OSC 中国开源项目评选 >>> 中场回顾
Vite 获得 2021 年度 OSC 中国开源项目评选「最佳人气项目」 !
授权协议 MIT
操作系统 跨平台
软件类型 开源软件
所属分类 Web应用开发Vue 组件
开源组织
地区 国产
投 递 者 不详
适用人群 未知
收录时间 2018-07-08

软件简介

vite 是一个由原生 ESM 驱动的 Web 开发构建工具。在开发环境下基于浏览器原生 ES imports 开发,在生产环境下基于 Rollup 打包。

vite 作用

  • 快速的冷启动:不需要等待打包操作;
  • 即时的热模块更新:替换性能和模块数量的解耦让更新飞起;
  • 真正的按需编译:不再等待整个应用编译完成,这是一个巨大的改变。

vite 功能实现

  • 提供 web server:借用了 koa 来启动服务
  • 模块解析:核心是拦截浏览器对模块的请求
  • 支持 /@module/ :判断路径是否以 /@module/ 开头,如果是取出包名,去 node_module 里找到这个库,基于 package.json 返回对应的内容
  • 文件编译:拦截了对模块的请求并执行实时编译

vite 运行原理

  • 在浏览器端使用 export、import 的方式导入和导出模块,在 script 标签里设置 type="module" ( ES Modules 目前主流的浏览器都已经支持)。
展开阅读全文

代码

的 Gitee 指数为
超过 的项目

评论

点击加入讨论🔥(6) 发布并加入讨论🔥
发表了资讯
02/10 09:25

Vite 5.1 正式发布,前端构建工具

Vite 团队官宣 Vite 5.1 正式上线。 Vite(法语意为 "快速的",发音/vit/,发音同 "veet")是一种新型前端构建工具,能够显著提升前端开发体验。它主要由两部分组成: 一个开发服务器,它基于原生 ES 模块提供了丰富的内建功能,如速度快到惊人的模块热更新(HMR)。 一套构建指令,它使用Rollup打包你的代码,并且它是预配置的,可输出用于生产环境的高度优化过的静态资源。 Vite 提供了强大的扩展性,可通过其插件 API和JavaS...

0
1
发表了资讯
2023/11/18 11:55

Vite 5 正式发布

Vite 5 现已发布,这是 Vite 发展道路上的又一个重要里程碑。新版本采用了 Rollup 4,大大提升了构建性能;此外还带来了一些新选项,可用于提高开发服务器的性能。 公告指出,Vite 5 的重点是清理 API(删除已弃用的功能),并精简了几个功能以解决长期存在的问题。例如,将define转换为使用正确的 AST 替换,而不是使用 regexes。项目团队表示,他们将继续推进实现面向未来的 Vite。 Node.js 支持 Vite 不再支持已 EOL 的 Node...

7
2
发表了资讯
2023/04/21 08:23

Vite 4.3 正式发布,前端构建工具

Vite(法语意为 "快速的",发音 /vit/ 同 "veet")是一种新型前端构建工具,能够显著提升前端开发体验。它主要由两部分组成: 一个开发服务器,它基于原生 ES 模块提供了丰富的内建功能,如速度快到惊人的模块热更新(HMR)。 一套构建指令,它使用 Rollup 打包代码,并且是预配置的,可输出用于生产环境的高度优化过的静态资源。 Vite 意在提供开箱即用的配置,同时它的插件 API 和 JavaScript API 带来了高度的可扩展性,并有...

9
4
发表了资讯
2023/03/22 18:35

Vite 4.2 正式发布,前端构建工具

Vite(法语意为 "快速的",发音/vit/同 "veet")是一种新型前端构建工具,能够显著提升前端开发体验。它主要由两部分组成: 一个开发服务器,它基于原生 ES 模块提供了丰富的内建功能,如速度快到惊人的模块热更新(HMR)。 一套构建指令,它使用 Rollup 打包代码,并且是预配置的,可输出用于生产环境的高度优化过的静态资源。 Vite 意在提供开箱即用的配置,同时它的插件 API 和 JavaScript API 带来了高度的可扩展性,并有完...

6
3
发表了资讯
2022/11/01 17:14

Turbopack 公布性能基准测试,Vite 创建者尤雨溪再度发声

Vercel 公司上周在 Next.js Conf 大会上发布了 Next.js 13,同时宣布了最新的开源项目:Turbopack。Turbopack 是面向 JavaScript 和 TypeScript 优化的增量打包工具和构建系统,采用 Rust 编写,声称是 Webpack 的继任者。 其实 Turbopack 正是出自 Webpack 作者 Tobias Koppers 之手,这是他去年加入 Vercel 之后所主导的核心项目。Tobias 深度参与了 Turbopack 的开发。 官方在宣传 Turbopack 时强调了其速度之快——号称热更...

49
11
发表了资讯
2022/07/15 07:02

Vite 3.0 发布,下一代的前端工具链

距离 v2 发布 16 个月后,Vite 3.0 现已正式发布。公告指出,去年 2 月 Vite 2 发布以来,其采用率就在不断增长;每周 npm 下载量超过 100 万次,迅速形成了庞大的生态系统。Vite 正在推动 Web 框架的新一轮创新竞赛。 “我们决定至少每年发布一个新的 Vite 主要版本,以配合 Node.js 的 EOL,并借此机会定期审查 Vite 的 API,为生态系统中的项目提供简短的迁移路径。” Vite 3.0 更新内容主要包括: 新文档 可前往 vitejs.dev...

14
12
发表了资讯
2022/04/01 07:17

Vite 2.9 发布,全新的前端构建工具

Vite 2.9 已发布。 主要更新内容: 提升冷启动速度 支持 CSS Sourcemaps 增强 Web Workers 面向插件和框架作者的新工具 提升冷启动速度 在 2.9 之前,Vite 首次在项目上运行 dev 需要执行扫描阶段以发现依赖关系,然后在启动服务器之前预先捆绑它们。在 2.9 中,扫描和预捆绑依赖项现在都是非阻塞的,因此服务器在冷启动期间会立即启动。 此外,现在还支持请求在管道中流动,从而提高初始冷启动加载速度,并在重新处理和让 Vite...

7
6
发表了资讯
2022/02/14 07:10

Vite 2.8 发布,全新的前端构建工具

Vite 2.8 已发布。 主要更新内容: 升级底层:esbuild 0.14 & TypeScript 4.5 Workers 使用新的 URL() 模式 减少内存占用空间:2.8 的发布包大小约为 2.7 的 1/4,安装包大小减少了约一半 减少内存占用空间 Version Publish Size Install Size 2.7.0 12.7MB 25.2MB 2.8.0 4.6MB 17.4MB 默认预览端口 vite preview的新默认端口是 4173(避免与 MacOS 使用的 5000 端口冲突) Workers 使用了标准语法 当使用new URL('path', impor...

7
3
发表了资讯
2021/10/02 08:41

Vite 官方中文文档正式迁移至 Gitee Pages 部署

Vue.js 作者尤雨溪昨日宣布,Vite 官方中文文档已经正式迁移到 Gitee Pages 部署,并表示后续也会把 Vue 官方中文文档迁移过去。 Vite 官方中文文档地址:https://cn.vitejs.dev/ (实测速度飞快,完全就是秒开) 大约一周之前,尤雨溪曾呼吁国内开发者在未经官方翻译团队认可的情况下,不要擅自部署官方的中文文档。他表示,虽然能理解这是为了给国内开发者提供更快的访问速度,但也存在两个困扰着他的问题: 非官方维护的文档...

17
1
发表了资讯
2021/08/23 16:22

Vite 2.5 发布,全新的前端构建工具

8 月 16 日,Vite 发布了 2.5 版本,此版本修复了一些 Bug,也带来了一些新特性: 基于 esbuild 将 CSS 压缩速度提升了 6 倍 提供了非 Chromium 内核的 module preload polyfill &etc. Vite(法语意思是 “快”,发音为 /vit/,类似 veet)是一种全新的前端构建工具。你可以把它理解为一个开箱即用的开发服务器 + 打包工具的组合,但是更轻更快。Vite 利用浏览器原生的 ES 模块支持和用编译到原生的语言开发的工具(如 esbuild)...

4
5
发表了资讯
2021/08/23 10:30

淘系前端架构周刊:Vite 2.5 发布、微软发布首个 Windows 11 ISO 镜像

🗞 News Vite 2.5 发布 本月 16 号,Vite 发布了 2.5 版本,该版本修复了一些 Bug,也带来了一些新特性: 基于 esbuild 将 CSS 压缩速度提升了 6 倍 提供了非 Chromium 内核的 module preload polyfill &etc. Changelog:vite/CHANGELOG.md at v2.5.0 · vitejs/vite 微软发布首个 Windows 11 ISO 镜像 本月 22 号,微软发布了 Windows 11 Insider Preview Build 22000.132 的 ISO 镜像,目前已经可以通过下...

0
6
发表了资讯
2021/02/19 11:28

Vite 2.0 发布

Vite 2.0 正式发布了! Vite(法语意思是 “快”,发音为 /vit/,类似 veet)是一种全新的前端构建工具。你可以把它理解为一个开箱即用的开发服务器 + 打包工具的组合,但是更轻更快。Vite 利用浏览器原生的 ES 模块支持和用编译到原生的语言开发的工具(如 esbuild)来提供一个快速且现代的开发体验。 Vite 有多快?在 Repl.it 上从零启动一个基于 Vite 的 React 应用,浏览器页面加载完毕的时候,CRA(create-react-app)甚至...

8
33
没有更多内容
加载失败,请刷新页面
点击加载更多
加载中
下一页
发表了博客
{{o.pubDate | formatDate}}

{{formatAllHtml(o.title)}}

{{parseInt(o.replyCount) | bigNumberTransform}}
{{parseInt(o.viewCount) | bigNumberTransform}}
没有更多内容
暂无内容
发表了问答
{{o.pubDate | formatDate}}

{{formatAllHtml(o.title)}}

{{parseInt(o.replyCount) | bigNumberTransform}}
{{parseInt(o.viewCount) | bigNumberTransform}}
没有更多内容
暂无内容
暂无内容
6 评论
40 收藏
分享
OSCHINA
登录后可查看更多优质内容
返回顶部
顶部