基于rollup打造组件库，你可能会用到这些插件

本文介绍了在使用rollup构建React组件库时所涉及的一系列插件。作者强调了插件的作用，即帮助开发者完成特定任务，类似于在webpack中使用的plugin和loader。

首先，rollup-plugin-babel用于将最新的JavaScript语法转换为ES5，并通过@babel/preset-react插件来识别jsx代码。

然后，@rollup/plugin-commonjs插件使得rollup能够解析CommonJS模块。如果同时使用@rollup/plugin-babel和@rollup/plugin-commonjs，需要将commonjs插件放在babel插件之前。

rollup-plugin-postcss处理CSS相关任务，如加载、自动添加前缀、压缩，并支持scss/less，还允许内联或将CSS提取到独立文件。

rollup-plugin-terser用于生产环境中的代码压缩。

rollup-plugin-typescript2让项目支持使用TypeScript进行开发，并默认读取tsconfig.json配置。

rollup-plugin-dts用于自动生成类型声明文件(*.d.ts)。

@rollup/plugin-json允许将.json文件转换为ES6模块。

rollup-plugin-eslint用于JavaScript代码的静态检查。

文章最后展示了结合这些插件的完整配置示例，并提到了一些尚未使用的其他插件，这些可能会在后续的开发过程中用到。作者还提供了一个链接，供读者查看更多的rollup插件。