Rollup

Rollup 是一款 JavaScript 模块打包工具，专注于将小块代码编译成大型库或应用程序。它原生支持 ES 模块（ES6 模块语法），并可将代码编译为 CommonJS、AMD、IIFE 或 UMD 等多种格式，确保代码兼容不同环境。

核心功能

• Tree-shaking：静态分析代码，自动剔除未使用的模块和函数，生成更小的 bundle。
• 多种输出格式：支持 IIFE（浏览器脚本）、CommonJS（Node.js）、UMD（通用模块）、AMD 和 ES 模块。
• 插件系统：通过插件处理 CommonJS 模块、Babel 编译、JSON 导入等扩展功能。
• 代码拆分：支持动态导入，实现按需加载。

适用人群

• 库开发者：需要发布支持多种模块系统的 JavaScript 库。
• 应用开发者：构建大型项目时希望利用 Tree-shaking 优化输出体积。
• 模块化先驱者：希望在旧环境或 Node.js 中使用 ES 模块语法。

使用方式

Rollup 可通过命令行全局安装：npm install --global rollup。基本用法：rollup main.js --file bundle.js --format iife。也可以使用配置文件 rollup.config.js 进行更复杂的配置。此外，Rollup 提供 JavaScript API，可在 Node.js 脚本中以编程方式调用。

注意事项

• Rollup 默认只处理 ES 模块，导入 CommonJS 模块需安装插件 @rollup/plugin-commonjs。
• Tree-shaking 依赖 ES 模块的静态导入/导出语法，动态导入可能导致无法完全剔除。
• 输出 UMD 格式时，需要指定 --name 选项作为全局变量名。