rollupjs.org
R
Rolluprollupjs.org
Rollup官网截图
点击查看大图

专注前端模块化打包工具,支持Tree-shaking剔除无用代码、插件生态适配、多格式输出,覆盖组件库开发、开源项目打包、前端工程优化等场景,累计服务超8万前端开发者,可将打包文件体积缩减60%以上,帮助开发者简化打包流程并优化项目性能。

核心功能

模块打包
将分散的ES模块整合为单个或多个可部署的输出文件
Tree-shaking
自动剔除未使用的代码,有效减小最终打包文件体积
插件扩展
支持自定义插件扩展编译、打包等全流程功能
ESM支持
原生支持ES模块标准,适配现代前端开发规范
代码拆分
支持按路由或依赖拆分代码,实现按需加载
源映射
生成准确的源映射文件,便于调试打包后代码
压缩优化
内置代码压缩能力,进一步优化输出文件性能
多格式输出
支持ESM、CommonJS等多种模块格式输出
配置灵活
提供丰富配置项,适配不同项目的打包需求
缓存优化
支持增量编译,提升重复打包的执行效率

使用指南

  1. 1

    初始化项目并安装Rollup核心依赖包

  2. 2

    创建项目配置文件rollup.config.js并编写基础配置

  3. 3

    配置入口文件路径与输出模块格式及路径

  4. 4

    添加所需插件并在配置中引入启用

  5. 5

    在package.json中配置打包启动脚本

  6. 6

    执行打包脚本生成最终输出文件

  7. 7

    调试并调整配置优化打包结果

优势亮点

  • 支持Tree-shaking优化打包体积

  • 支持插件扩展适配多样场景

  • 专注ES模块打包专业性强

  • 输出文件轻量适配多项目

使用须知

定价: Rollup核心功能永久免费,适用于个人开发者、小型团队及多数开源项目。企业级定制服务、专属技术支持等增值服务的定价以官网为准,适配有特殊打包需求的中大型团队。

价格和授权政策可能变化,请以官网最新信息为准

访问第三方网站时,请注意以下事项:

  • 谨慎提供个人账号、密码和支付信息
  • 下载文件前确认来源安全,警惕诱导性广告
  • 涉及版权素材使用时,请核实授权范围
  • 如遇网站无法访问或内容异常,可反馈给我们

常见问题

Rollup适配组件库、开源项目等场景,可整合模块化代码,优化输出文件体积。

Tree-shaking可以剔除未使用的代码,减少最终打包文件的体积,提升加载效率。

可通过安装对应插件来扩展功能,满足不同项目的定制化打包需求。

Rollup专注ES模块打包,更适合库类项目,Webpack适配更多元的前端应用场景。

可通过插件兼容CommonJS等其他模块格式,但原生仅支持ES模块语法。

需创建rollup.config.js配置文件,设置入口文件、输出格式与插件等参数。

深度了解

Rollup是一款专注于ES模块的前端打包工具,旨在帮助开发者将分散的模块化代码整合为可部署的生产版本。作为当前前端构建领域的主流工具之一,它凭借原生的现代模块支持和精准的Tree-shaking能力,成为组件库和工具库打包的优选方案。Rollup的核心价值在于兼顾打包效率与输出文件体积,能够帮助开发者优化前端资源的加载性能。Rollup的核心功能围绕模块打包展开,除了基础的文件整合能力外,其标志性的Tree-shaking功能可以自动剔除未被引用的代码,有效减小最终产物的体积。同时它支持插件扩展机制,开发者可以通过插件实现代码压缩、源映射生成、多格式输出等自定义能力,适配不同项目的构建需求。Rollup的使用场景十分广泛,前端组件库开发者可以用它打包可复用的UI组件或工具函数,将产物发布到npm平台供其他开发者使用;开源项目维护者可以借助Rollup将模块化的源码打包为兼容多环境的发布版本;小型团队也可以用它搭建轻量化的项目构建流程,替代复杂的全栈构建工具。相较于Webpack这类全场景打包工具,Rollup在库打包场景下的配置更简洁,Tree-shaking效果更稳定;相较于Parcel这类零配置工具,Rollup拥有更强的定制能力,可以适配更复杂的打包需求。

访问第三方网站时,请注意账号、隐私与支付安全