简历上写“熟练使用 rollup.js 进行构建”，标题问题里的6种我却只回答上了4种....只能尴尬假笑

在日益复杂和多元的Web业务背景下，前端工程化这个概念经常被提及。“说说你对Web工程化的理解？” 相信很多初学者在面试时会经常遇到，我们每个人都可以或多或少说出几句，但你真的了解吗？

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

每当在项目中需要使用一些工具函数时，一般需要去引入一些第三方的工具库，而像lodash这样的工具库又体积很大，影响打包后整个项目的大小。所以封装自己的代码库就很必要了。 工具库需要可查阅的文档，为了更好的支持typescript，使用了typedoc生成文档。 rollup 是…

公司内总是有许多通用的工具方法、业务功能，我们可以搭建一个工具库来给各个项目使用。 新建一个项目目录如 fly-helper , 并 npm init 初始化项目。 tsconfig.eslint.json 我们根目录中增加了一个 tsconfig 文件，它将用于 eslint…

前言 在前端领域摸爬滚打这些年，大部分时间都花在了组件上，但大多是做着做着就放弃了，例如去年疫情期间闲来无聊用stencil写了个webcomponent组件库【mui】，组件基本上都完善的差不多，可

从 Webpack2.x 通过插件逐步实现 tree-shaking，到最近炙手可热的 Vite 构建工具也借助了 rollup 的打包能力，众所周知 Vue 和 React 也是使用 rollup

不一定非要使用构建工具来开发，使用构建工具主要是为了使用它强大的生态系统。比如代码风格检测、本地服务、同时构建多种规范的产物等等，方便我们的开发 构建App应用时，webpack比较合适；如果是类库（纯js项目），rollup更加适合。 通常在实际的开发中，我们都会像上面这种方…

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