首页
学习
活动
专区
圈层
工具
发布
技术百科首页 >Vite >Vite 和 Rollup 有什么区别?

Vite 和 Rollup 有什么区别?

词条归属:Vite

Vite 与 Rollup 关系密切——Vite 的生产构建长期基于 Rollup,但二者的定位不同。

1. 定位不同

Rollup 是一款专注于打包的库级工具,擅长产出精简、结构清晰的库产物;Vite 则是完整的构建工具,覆盖开发服务器、HMR、依赖预构建、插件系统等开发全流程。

2. 覆盖范围不同

Rollup 主要解决"如何把模块打包"的问题,不包含开发服务器与热更新;Vite 在打包能力之外,还提供了完整的开发体验与框架集成能力。

3. 在 Vite 中的角色变化

在 Vite 8 之前,Rollup 承担 Vite 的生产打包;Vite 8 起,这一角色由 Rolldown 接替,Rolldown 兼容 Rollup 插件 API 但性能更高,Rollup 因此不再是 Vite 的底层打包器。

相关文章
Vite 学习(三) - rollup & esbuild 基础学习
本小节介绍下 rollup 和 esbuild 的基础用法,我们都知道 vite 本身使用的 rollup 打包,vite 的插件也和 rollup 的插件机制相吻合; esbuild 是用于在开发环境中对文件进行处理,也有自己的声明周期钩子函数,由于对文件的分割和 css 支持还不太友好,暂未应用到打包环节。
测不准
2022-02-13
3.3K0
Vite 是如何兼容 Rollup 插件生态的
我们知道,Vite 开发时,用的是 esbuild 进行构建,而在生产环境,则是使用 Rollup 进行打包。
CandyTong
2022-07-18
1.5K0
Vite 是如何使用 Rollup 进行构建的
我们都知道,Vite 在生产环境中,会使用 Rollup 进行构建,那么 Vite 是如何做到的呢?本文将讲述,从执行 vite build 到输出构建产物,这期间到底发生了什么?
CandyTong
2022-12-27
3K1
Vite 是如何使用 Rollup 进行构建的
我们都知道,Vite 在生产环境中,会使用 Rollup 进行构建,那么 Vite 是如何做到的呢?本文将讲述,从执行 vite build 到输出构建产物,这期间到底发生了什么?
CandyTong
2023-02-24
2.2K0
Rollup打包基本概念及使用--vite
接着新增 src/index.js 和 src/util.js 和rollup.config.js 三个文件,目录结构如下所示:
江拥羡橙
2023-11-19
1.5K0
点击加载更多
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
领券