本文是 rollup.js 的入门教程，介绍了如何使用这个轻量级的 JavaScript 打包工具。文章详细讲解了 rollup.js 的安装、简单示例、注意事项以及如何将 ES 模块转换为 CommonJS 模块。特别强调了 rollup.js 在打包 ES 模块时的优势，如自动删除未使用的代码（摇树优化）和简洁的打包结果。
rollup.js 是一个 JavaScript 打包工具。本文介绍它的基本用法。
一、简介
打包工具的作用是，将多个 JavaScript 脚本合并成一个脚本，供浏览器使用。
浏览器需要脚本打包，主要原因有三个。
（1）早期的浏览器不支持模块，大型网页项目只能先合并成单一脚本再执行。
（2）Node.js 的模块机制与浏览器不兼容，必须通过打包工具进行兼容处理。
（3）浏览器加载一个大脚本，要比加载多个小脚本，性能更好。
目前，最常用的打包工具是 Webpack。它的功能强大，但是难学难用，一直被人诟病。
rollup.js 的开发本意，是打造一款简单易用的 ES 模块打包工具，不必配置，直接使用。这一点，它确实做到了。
后来经过不断发展，它也可以打包 CommonJS 模块。但是，这时需要经过复杂配置，实际上并没有比 Webpack 简单多少。
因此建议，只把 ro
最低0.47元/天 解锁文章
扫一扫
1180
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
