Rollup -- javascript模块打包器整理

💡 原文中文,约4800字,阅读约需12分钟。
📝

内容提要

Rollup 是一个 JavaScript 模块打包器,能够将小块代码编译成复杂的代码。它支持 tree-shaking,能够去除未使用的代码,并通过配置 external 排除某些依赖库。Rollup 还支持多入口打包,生成不同格式的 bundle,并允许使用插件进行代码压缩和处理。配置项包括输入输出文件名和全局变量名等,提升了打包效率。

🎯

关键要点

  • Rollup 是一个 JavaScript 模块打包器,可以将小块代码编译成复杂的代码。

  • 支持 tree-shaking,能够去除未使用的代码。

  • 通过配置 external,可以排除某些依赖库。

  • 支持多入口打包,生成不同格式的 bundle。

  • 允许使用插件进行代码压缩和处理。

  • 配置项包括输入输出文件名和全局变量名等,提升了打包效率。

延伸问答

Rollup 是什么?

Rollup 是一个 JavaScript 模块打包器,可以将小块代码编译成复杂的代码。

Rollup 如何支持 tree-shaking?

Rollup 通过静态分析代码,去除未使用的代码,从而支持 tree-shaking。

如何在 Rollup 中配置 external 选项?

可以通过配置 external 选项来排除某些依赖库,例如使用字符串、正则表达式或函数来指定不打包的模块。

Rollup 支持哪些输出格式?

Rollup 支持多种输出格式,包括 es、amd、cjs、iife、umd 和 system。

如何使用插件进行代码压缩?

可以在 Rollup 配置中使用插件,例如使用 terser 插件来进行代码压缩。

Rollup 的多入口打包是如何实现的?

Rollup 允许通过配置 input 为数组或对象来实现多入口打包,最终生成多个 bundle。

🏷️

标签

➡️

继续阅读