如何从零开始快速掌握Rollup的使用技巧？

本文共计3527个文字，预计阅读时间需要15分钟。

前言：项目中直接用到的都是webpack，前一段需要开发几个类库供其他平台使用，本来一直使用webpack打包，但感觉webpack更适合开发js库，不仅繁琐，而且打包后的文件体积也较大。正好之前看过一些关于Rollup的文章，于是决定尝试用它来打包类库。

项目简介：项目旨在开发一系列类库，用于支持不同平台的前端开发。由于需要支持多个平台，类库需要具备良好的兼容性和可维护性。使用Rollup打包类库，旨在简化开发流程，并优化最终打包结果。

前言

项目中一直用的都是webpack，前一段需要开发几个类库供其他平台使用,本来打算继续用webpack的，但感觉webpack用来开发js库，不仅繁琐而且打包后的文件体积也比较大。正好之前看vue源码，知道vue也是通过rollup打包的。这次又是开发类库的，于是就快速上手了rollup。

本篇文章是我有了一定的项目实践后，回过来给大家分享一下如何从零快速上手rollup。

什么是rollup？

系统的了解rollup之前，我们先来简单了解下What is rollup？

关于rollup的介绍，官方文档已经写的很清楚了：

Rollup 是一个 JavaScript 模块打包器，可以将小块代码编译成大块复杂的代码，例如 library 或应用程序。

与Webpack偏向于应用打包的定位不同，rollup.js更专注于Javascript类库打包。

我们熟知的Vue、React等诸多知名框架或类库都是通过rollup.js进行打包的。