Rollup 是一个 JavaScript 模块打包器，可以将小块代码编译成大块复杂的代码，例如库或应用程序。它使用 ES 模块作为其基本模块系统，这使得它能够高效地生成更小、更快的代码包。
Rollup 的优势
Rollup 的主要优势在于其高效的模块打包方式。通过静态分析 ES 模块，Rollup 能够有效地去除未使用的代码（摇树优化），从而生成更小、更优化的代码包。这种特性使其成为构建大型应用和库的理想选择。
Rollup 的基本概念
- 入口文件：打包过程从入口文件开始，入口文件通常是应用的启动点。
- 输出格式：Rollup 支持多种输出格式，包括 CommonJS、AMD、ES 模块等，以适应不同的运行环境。
- 插件系统：Rollup 提供了一个强大的插件系统，允许开发者通过简单的配置实现各种功能，如代码压缩、代码转换等。
安装与配置
安装 Rollup 可以通过 npm 或 yarn 来完成。首先需要全局安装 Rollup CLI：
npm install -g rollup
或者在项目中局部安装：
npm install --save-dev rollup
创建一个简单的 rollup.config.js 文件来配置 Rollup：
-- -------------------- ---- -------
------ ------- ---- ------------------------------
------ -------- ---- --------------------------
------ ------- -
------ --------------- -- ------
------- -
----- -----------------
------- ----- -- ----
--
-------- -
---------- -- ------
---------- -- -- -------- --
-
--使用 Rollup 打包
使用 Rollup 打包非常简单，只需运行以下命令：
npx rollup -c
其中 -c 参数表示使用配置文件进行打包。如果你希望直接在命令行中执行打包操作而不使用配置文件，可以这样做：
npx rollup src/index.js -f cjs -o dist/bundle.js
这里指定了输入文件、输出格式和输出文件路径。
总结
Rollup 是一个功能强大且灵活的模块打包工具，特别适合用于构建库和应用程序。通过其高效的摇树优化技术，Rollup 能够生成体积更小、性能更高的代码包。接下来的章节我们将深入探讨 Rollup 的更多高级特性和最佳实践。