前置知识——rollup基础 rollup是什么 rollup是一款javascript模块打包器，它可以将小代码块编译成复杂的大块代码。当我们使用ES6模块编写应用或者库时，它可以打包成一个单独文件

Rollup是一个 JavaScript 模块打包器，可以将小块代码编译成大块复杂的代码，例如 library 或应用程序。结合vue3搭建一个属于自己的ui库。

目前主流的前端框架vue和react都采用rollup来打包，为了探索rollup的奥妙，接下来就让我们一步步来探索，并基于rollup搭建一个库打包脚手架，来发布自己的库和组件。 写rollup的文章是因为笔者最近要规范前端开发的业务流程和架构，并提供内部公有组件库和工具库供…

通过 rollup 打包后的代码，相比与 webpack 打出来的包体积会更小，而且代码会更加简洁，不会有过多的冗余代码。 所以说 rollup 更适合构建一个组件库。rollup 和 webpack 的具体对比，本文章就不做扩展了。 lib 包是经过 tsc 命令 打包出来的…

本文大致梳理了使用 rollup 打造自己 npm 包的流程，其中包括测试，文档，发布等全流程的内容。

本文介绍如何通过Rollup来打包.vue组件包括vue文件的解析style的解析以及如何编译scss预处理