在前端开发中，我们经常需要使用模块打包工具来打包我们的项目。rollup 是一个非常优秀的模块打包工具，它的特点是打包出的结果更小、更快，同时也支持 tree shaking，该功能能够移除没有使用过的代码，以达到更小的包体积。
在使用 rollup 进行项目打包的过程中，我们也会用到一些 rollup 插件来辅助我们完成某些特定的需求。本文将着重介绍一个非常实用的 rollup 插件 - rollup-plugin-clean，它能够在每轮打包时，清除 dist 文件夹下的旧文件，以确保每次打包出的结果都是最新的。
安装
我们可以通过 npm 来安装 rollup-plugin-clean：
npm install rollup-plugin-clean --save-dev
使用
安装插件后，我们需要做的就是在 rollup 配置文件中使用它。下面是一个简单的示例：
-- -------------------- ---- -------
-- ----------------
------ - ------ - ---- ---------
------ ----- ---- ----------------------
------ ------- -
------ --------------
------- -
----- -----------------
------- -----
--
-------- -
-------
-
--配置项
rollup-plugin-clean 接收一个可选的配置对象，该对象具有以下属性：
targets
- 类型：Array|Object/String
- 描述：要删除的目录或文件。可以是一个字符串、一个数组或一个对象。
{
targets: [
'./dist/js',
'./dist/css'
]
}verbose
- 类型：Boolean
- 描述：是否输出执行信息，默认为 true。
{
verbose: false
}sleep
- 类型： Number
- 描述：每次删除之间的时间间隔（毫秒）。默认值为 0。
{
sleep: 2000
}示例代码
下面是一个更完整的 rollup 配置文件，展示了如何在多个目录中删除旧文件，以及如何配置插件：
-- -------------------- ---- -------
-- ----------------
------ - ------ - ---- ---------
------ ----- ---- ----------------------
------ - ------ - ---- -----------------------
------ ----------- ---- -----------------------------
------ -------- ---- -------------------------
------ ----- ---- ----------------------
------ ------- -
------ ----------------------
------- -
----- ------------------------
------- ------
--
-------- -
-------------
-------- -----
--------------- -----
---
-----------
-------
-------- -----------------
---
---------
-------
-------- -
--------------
--------------
--
-------- -----
------ ----
--
-
--总结
rollup-plugin-clean 这个插件虽然看起来非常简单，但是确实非常实用。它可以帮助我们在每次打包前，先清除 dist 文件夹下的旧文件，以确保打包出来的结果都是最新的。同时，也可以根据需要配置多个目录进行删除。希望这篇文章能帮助你在 rollup 开发中更好地使用这个插件。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/5f5258cb8250f93ef89003ea