Javascript is required
Vite Conf2023

https://viteconf.org/23/schedule

参考

https://www.youtube.com/watch?v=veCxKeLl35A&t=10753s

版本

  • 2022 年 12 月 4.0
  • 2023 年 2 月 4.1
  • 2023 年 3 月 4.2
  • 2023 年 4 月 4.3
  • 2023 年 7 月 4.4
        timeline
    title History of Vite
    2022-12 : 4.0
    2023-02 : 4.1

      

The State of Vite

主要是将 Rollup 和 esbuild 的版本进行同步。值得注意的是 React 插件的升级:Plugin-react 插件修复了很多热更新(HMR)方面的问题,并且采用 SWC 的版本增加了对 SWC 插件的支持

主要改进是提升了 source map 的调试体验。Vite 团队与 Chrome Devtools 团队进行合作,修复了一些长期存在的路径显示问题。通过x_google_ignoreList source map 扩展添加了排除文件的选项来排除堆栈跟踪。

该版本主要关注性能方面的改进,使冷启动速度比之前快 4 倍,热模块替换速度比以前快 2 倍,其中主要的优化是对解析策略进行了重新编写。

添加了对 Lightning CSS 的实验性支持。这是一个使用 Rust 编写的快速 CSS 编译工具,它可以加快 CSS 的处理速度。这个功能是可选的,需要显式地安装 Lightning CSS,并将其用于处理 Vite 内部的 CSS 转换,如导入内联和 CSS 模块化,还可以用于对 CSS 进行压缩处理。

Vite 5.0 目前处于测试阶段(beta),这是一个稳定版本,主要变化是停止支持已经过时(EOL)的 Node.js 版本。

另外,Vite 正在弃用 CommonJS API。这个 API 目前还没有被移除,所以如果仍在使用 CommonJS API,不会出现任何问题,只会收到一个小的警告,提示应该使用 ESM API 替代它。同时,Vite 还与大多数相关项目合作,鼓励他们使用 ESM API。

使用情况

  • Storybook7.x
  • Angular
  • Preact
  • Redwood
  • Bun
  • VitePress
  • Remix

Rolldown

Vite 团队正在研发 Rolldown,它是使用 Rust 开发的 Rollup 替代品。

发展路线

  1. 第一阶段:聚焦基础打包功能
  2. Rollup 的功能
  3. 常见需求的内置转换
    TypeScript、JSX、代码压缩,以及基于目标环境进行语法降级。
    这个阶段的目标是实现 esbuild 的功能,最终将用 Rolldown 取代 esbuild 和 Rollup
  4. 使用 Rust 重构 Vite

Arnaud Barre

HMR(Hot Module Replacement 或 热模块替换)是一种在前端开发中常用的技术,它允许开发者在不重新加载整个网页的情况下,实时替换、添加或删除模块。这种机制可以极大地提高开发效率,因为开发者可以立即看到他们所做的更改的效果,而无需等待浏览器重新加载整个页面。

Inspect the intermediate state of Vite plugins

https://github.com/antfu/vite-plugin-inspect

Matias Capeletto

https://twitter.com/patak_dev

https://github.com/patak-dev

Dominik G.

https://github.com/vitejs/vite-ecosystem-ci

Nx

https://nx.dev/

作者博客

https://psyber.city/talks

nx

其他

Vite+ReactNative

https://github.com/natew/vxrn

https://vxrn.dev/