vite6升级了什么?

26 阅读
0 点赞
0 推荐

一、Vite 6带来了一系列显著的更新和改进,主要集中在性能提升和新功能的开发上。以下是Vite 6的一些关键更新:


内容图片


性能提升:Vite 6在开发服务器的性能上做出了显著优化。通过简化解析逻辑、改进热点路径和实现更智能的缓存策略,Vite 6在冷启动和热启动时间上都有了大幅度的减少,显著提高了开发效率。


支持更长的提示词:Vite 6能够理解更长的提示词,数量达到了350个以上的单词。这使得Vite能够更精准地还原复杂的开发需求,尤其是在处理多主体画面和复杂模块时。


Rolldown的开发:Rolldown 是 Vite 团队正在开发的新型打包工具,它旨在解决 Vite 当前使用的两个打包工具——Esbuild 和 Rollup——之间的差异和性能瓶颈。Rolldown 提升的地方主要体现在以下几个方面:

  • 与 Rollup 兼容:Rolldown 设计之初就考虑到了与 Rollup 的兼容性,这意味着现有的 Rollup 插件和配置可以无缝迁移到 Rolldown,极大地方便了开发者的过渡和使用。


  • 更快的构建速度:Rolldown 致力于提供更快的构建速度,这对于开发效率的提升至关重要。在现代 Web 开发中,快速的反馈循环可以显著提高开发效率,而 Rolldown 正是为了满足这一需求而设计的。


  • 更小的输出体积:Rolldown 还专注于生成更小的输出体积,这有助于减少加载时间,提高用户体验。在移动设备和网络连接受限的环境中,这一点尤为重要。


  • 使用 Rust 编写:Rolldown 使用 Rust 语言编写,利用 Rust 的性能优势,可以快速处理复杂的打包任务,并且在内存管理方面表现出色。


  • 对 Vue 项目的强大支持:对于 Vue 项目而言,Rolldown 能够与 Vue 的开发模式完美契合,为 Vue 开发者提供高效的打包解决方案。


  • 统一开发与生产环境下的打包流程:Rolldown 的目标是统一开发与生产环境下的打包流程,减少不必要的性能损耗,解决 Vite 当前使用两个不同打包工具导致的开发环境与生产环境行为不一致的问题。


  • 内置转换:Rolldown 计划在未来的版本中包括一些最常见需求的内置转换,例如 TypeScript、JSX、代码压缩,以及基于目标环境进行语法降级。


  • 性能提升:Rolldown 承诺将提供比 Esbuild 更快的编译效率,尤雨溪(Evan You)表示,在捆绑纯 esm 模块时,Rolldown 比 esbuild 快 1.4~2 倍。



内容图片



环境API的引入:Vite 6引入了环境API,这是一个实验性功能,它提供了一种统一的方法来在插件中访问不同环境的配置和实例。这为插件开发提供了更大的灵活性和控制力


支持模块热替换(HMR)的改进:Vite 6继续改进其HMR功能,提供了更即时、准确的更新,而无需重新加载页面或清除应用程序状态。这对于提高开发体验尤为重要。


对TypeScript的支持:Vite 6天然支持引入.ts文件,并且仅执行.ts文件的转译工作,而不执行类型检查,假定类型检查已经被IDE或构建过程处理。


CSS和静态资源处理的改进:Vite 6为Sass和Less改进了@import解析,以保证Vite别名也能被使用,并且自动变基以保证正确性。此外,Vite 6还支持通过?inline参数来禁用CSS注入页面,提供了更多的灵活性。


这些更新表明Vite 6在提升开发体验、增强性能和扩展功能方面做出了重大努力,进一步巩固了其在现代前端开发工具链中的地位。

发布于:2024年10月23日 10:35:38 著作权归作者所有