BasicTo Rollup.js

问题

1. Rollup 是什么
2. Rollup 有什么用
3. Rollup 和 webpack 的区别是什么
4. Rollup 如何使用
5. 注意事项
6. 参考

Rollup 是什么

Rollup is a module bundler for JavaScript which compiles small pieces of code into something larger and more complex, such as a library or application. It uses the new standardized format for code modules included in the ES6 revision of JavaScript, instead of previous idiosyncratic solutions such as CommonJS and AMD. ES modules let you freely and seamlessly combine the most useful individual functions from your favorite libraries. This will eventually be possible natively everywhere, but Rollup lets you do it today.

解释：Rollup 是一个 JavaScript 模块打包器，可以将小块代码编译成大块复杂的代码，例如 library 或应用程序。Rollup 对代码模块使用新的标准化格式，这些标准都包含在 JavaScript 的 ES6 版本中，而不是像 CommonJS 和 AMD 这种特殊解决方案

rollup 最大的亮点就是 Tree-shaking，即可以静态分析代码中的 import，并排除任何未使用的代码。这允许我们架构于现有工具和模块之上，而不会增加额外的依赖或使项目的大小膨胀。如果用 webpack 做，虽然可以实现 tree-shaking，但是需要自己配置并且打包出来的代码非常臃肿，所以对于库文件和 UI 组件，rollup 更加适合

使用

参考

1. Rollup.js 官方文档 (opens new window)