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。
🏷️