vite7 rolldown尝鲜

133 阅读1分钟

Vite 计划将由 Rust 驱动的 JavaScript 打包工具 Rolldown 集成进来,以提升构建的性能和功能。

Rolldown 是什么?

Rolldown 是一个现代化、高性能的 JavaScript 打包工具,由 Rust 编写。它被设计为 Rollup 的替代品,旨在保持与现有生态系统兼容的同时,显著提升性能。

Rolldown 专注于三个主要原则:

  • 速度:利用 Rust 的高性能进行构建
  • 兼容性:能够与现有的 Rollup 插件一起工作
  • 优化:拥有比 esbuild 和 Rollup 更先进的特性

  1. 升级vite版本为 "vite": "npm:rolldown-vite@latest" "vite": "npm:rolldown-vite@latest"

  2. @types/node升级至"@types/node": "^20.19.0""@types/node": "^20.19.0"

    Vite 不再支持已结束生命周期(EOL)的 Node.js 18。现在需要使用 Node.js 20.19+ 或 22.12+。
  3. @vitejs/plugin-vue 升级至 "@vitejs/plugin-vue": "^6.0.1"@vitejs/plugin-vue": "^6.0.1

  4. 如果用到了jsx,@vitejs/plugin-vue-jsx升级至 "@vitejs/plugin-vue-jsx": "^5.1.1" "@vitejs/plugin-vue-jsx": "^5.1.1"

打包速度提升明显,原来一直在1分04秒左右,现在可以达到23秒左右

image.png

image.png