快手、孩子王、华为等专家分享大模型在电商运营、母婴消费、翻译等行业场景的实际应用 了解详情
写点什么

Vite 4 发布,用更快的 SWC 替换了 Babel

  • 2023-01-20
    北京
  • 本文字数:1047 字

    阅读完需:约 3 分钟

Vite 4发布,用更快的SWC替换了Babel

Vite 前端构建工具背后的团队最近发布了 Vite 4.0,此时距离 Vite 3.0 发布已有 5 个月。新版本的动力来自于从 Rollup 2.0 到 3.0 的突破性升级。Vite 4.0 还增加了对 SWC 的支持,这是一个基于 Rust 的打包器(bundler),声称比 Babel 有数量级的速度提升。


现在,Vite 4.0 在构建时使用 Rollup 3.0。Rollup 3.0 是在几周前的 ViteConf 2022 上发布的。ViteConf 2022 聚集了 Vite 生态系统的主要参与者。自 Vite 2.0 以来,Vite 是一个与框架无关的构建工具。因此,许多其他的开发者工具、库和框架开始支持 Vite,例如 Storybook、Astro、Nuxt、SvelteKit、Solid Start、Hydrogen、Laravel、Qwik City 以及其他产品。Vite 团队提到:


在生态系统合作伙伴的帮助下,[我们] 很高兴地宣布 Vite 4 发布,它在构建时由 Rollup 3 提供支持。我们会与生态系统协作,确保这个新的主版本的平滑升级。


虽然 Rollup 3 与 Rollup 2 基本兼容,但使用自定义 rollupOptions 的开发者可能会遇到问题,应参考 Rollup 迁移指南来升级他们的配置。


Vite 4.0 还升级了 dotenv 和 dotenv-expand 的版本(参见 dotenv 和 dotenv-expand 的变更日志)。新版本的 dotenv 带来了一些破坏性的变化,要求开发者用引号来包装包含某些字符(如回车键)的名字:


-VITE_APP=ab#cdef+VITE_APP="ab#cdef"
复制代码


最近发布的 Next.JS 13 包括了 Turbopack,这是一个新的、仍在 alpha 阶段的、基于 Rust 的 Webpack 替代方案,声称比 Vite 快几个数量级。对这一说法的研究表明,大部分速度的提高与 Turbopack 使用 SWC 有关,SWC 是一个基于 Rust 的打包器,目前仍处于 alpha 阶段。SWC 声称比 Vite 3.0 中使用的 Babel 快 20 倍。Vite 4.0 现在增加了对 SWC 的支持,这应该有助于缩小这一差距。Vite 团队解释说:


SWC 现在是 Babel 的成熟替代方案,特别是在 React 项目下。SWC 的 React 快速刷新实现比 Babel 快很多,对于一些项目来说,它现在是一个更好的选择。从 Vite 4 开始,有两个插件可用于 React 项目,它们有不同的权衡。我们认为目前这两种方法都值得支持,未来我们会继续探索对这两个插件的改进。


开发者可以参考迁移指南和发布说明,以了解与新版本相关的详尽变化。Vite 是在 MIT 开源许可下发布的。欢迎提交贡献,但必须遵循 Vite 的贡献指南。

原文链接:

https://www.infoq.com/news/2022/12/vite-4-faster-swc/

相关阅读:

认识 VueCLI 和 Vite🔥

前端又开撕了:用 Rust 写的 Turbopack,比 Vite 快 10 倍?

假如面试官问你 Babel 的原理该怎么回答

开发 Babel 插件可以试试这个 CLI 工具

2023-01-20 09:1214421

评论

发布
暂无评论
发现更多内容

Kotlin学习手记--泛型、泛型约束、泛型型变,天呐

android 程序员 移动开发

Native开发工具之交叉编译移植(五),android开发基础教程视频

android 程序员 移动开发

ObjectBox 集成指南,建议细读

android 程序员 移动开发

Kotlin协程它不香吗?,kotlin开发游戏

android 程序员 移动开发

Kotlin学习手记——注解,flutter下拉加载

android 程序员 移动开发

Kotlin(五)深入理解Kotlin类与接口,androidndk开发视频

android 程序员 移动开发

万人逐鹿、十强争霸!华为云GaussDB数据库两大重量级赛事圆满落幕

华为云数据库小助手

GaussDB 大赛 华为云数据库

MaterialDesign系列文章(十一)Google2018年大会新出的控件汇总集合

android 程序员 移动开发

超牛无损图片放大神器PhotoZoom,你值得拥有!

淋雨

PhotoZoom

Kotlin的自定义View,实现带弧形的进度条,androidjetpack详解

android 程序员 移动开发

lambda表达式(3)-shawn,挑战大厂重燃激情

android 程序员 移动开发

LeakCanary源码学习二:LeakCanary,sw实战营文件下载

android 程序员 移动开发

Meterial Design常见控件的使用(八),【面试总结】

android 程序员 移动开发

offer求比较+部分大厂Android面经+真题解析(1),覆盖所有面试知识点

android 程序员 移动开发

《个人信息保护法》正式实施,企业如何保证数据安全合规?

腾讯安全云鼎实验室

数据安全

Okio—— 更加高效易用的IO库,一线互联网架构师Android框架体系架构

android 程序员 移动开发

LeakCanary源码分析以及ContentProvider的优化方案,android移动开发

android 程序员 移动开发

livedatabus详解,阿里是如何用他来做淘宝架构的?,android开发视频百度云

android 程序员 移动开发

MVPArms官方快速组件化方案开源,来自5K star的信赖,安卓性能优化和内存优化

android 程序员 移动开发

Native开发工具之应用开发编辑器&打包发布(一),kotlin构造器

android 程序员 移动开发

OOM问题原理解析(二),android开发教程pdf

android 程序员 移动开发

Kotlin学习手记——注解(1),2021年字节跳动74道高级程序员面试

android 程序员 移动开发

Linux编程之权限系统与工具使用(二),【大牛系列教学】

android 程序员 移动开发

OkHttp 的 IO 操作和进度监听,android应用开发实训总结

android 程序员 移动开发

OkHttp踩坑记:为何 response,androidui设计

android 程序员 移动开发

Go语言HTTPServer开发的六种实现

FunTester

HTTP Fasthttp Server Go 语言 FunTester

MVVM系列之三:ViewModel,最新Android开发进阶

android 程序员 移动开发

Kotlin系列三:空指针检查,万字长文总结Android多进程

android 程序员 移动开发

Meterial Design常见控件的使用(一),安卓面试题2018中高级

android 程序员 移动开发

Meterial Design常见控件的使用(五),移动端h5开发框架

android 程序员 移动开发

offer求比较+部分大厂Android面经+真题解析,给2021的Android一些建议

android 程序员 移动开发

Vite 4发布,用更快的SWC替换了Babel_大前端_Bruno Couriol_InfoQ精选文章