创建 rollup 项目 首先贴出项目的最终版本的地址：rollup-demo 提示：下面的一些步骤可能你觉得不对或者不完美，那么请看下去～

本篇文章排雷：具体实现功能可参照初版 rollup 源码，仅实现变量及函数方法的非嵌套 tree-shaknig，主要目的是实现 rollup 基本打包流程，便于新手理解 rollup 构建与打包原理

用 rollup 怎么构建组件库？怎么组织代码？怎么进行调试？依赖怎么处理？导出什么格式？解决你的问号！

之前在网络上查找过相关的rollup使用，有些文章很概念不易理解，没有具体步骤；有些文章步骤不够详细，没有来龙去脉。所以打算整理个文章给后来者减少弯路。我保证此文真的是手把手教学，很接地气，因为我是边

rollup 是面向下一代 JS 语言标准的代码构建工具，非常灵活和强大。日常使用，我们需要学会定制化插件，本文将会带你学习 rollup 的插件开发。

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

本地开发可模拟安装调试 用rollup打包构建 打包编译新特性为浏览器可识别的语言 发布到npm 支持es6模块化引入 支持cdn方式引入 引入时有代码提示，有ts声明文件

基于typescript-library-starter （它是一个开源的 TypeScript 开发基础库的脚手架工具），快速初始化一个 TypeScript 项目，打包成js-Sdk.

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