在使用 Rollup 打包工具时,rollup-pluginutils 是一个非常有用的 npm 包,它可以帮助我们创建一些常见的插件。本文将为您介绍如何使用这个 npm 包。
安装
你可以使用 npm 进行安装:
--- ------- ------------------ ----------
使用
首先,我们需要引入 rollup-pluginutils,并且创建一个实例化的对象:
------ - ------------ - ---- --------------------- ----- ------ - ----------------------------- -----------------
其中,options 参数是一个包含 include 和 exclude 两个属性的对象,分别代表需要打包的文件和不需要打包的文件,例如:
----- ------- - - -------- ---------- -------- ----------------- --
include 和 exclude
include 和 exclude 使用 glob 模式来匹配文件路径。例如:
**/*.js
会匹配所有 js 文件。src/**/*.js
会匹配 src 目录下的所有 js 文件。!src/index.js
会排除 src 目录下的 index.js 文件。
filter 方法
接着,我们可以使用 filter 方法过滤文件:
-- ------------------------------------ - -- -- --------- -- -
以上代码中,如果 button.js 文件符合 include 和 exclude 的要求,则会被打包。
示例
下面是一个使用 rollup-pluginutils 插件的示例代码:
------ - ------------ - ---- --------------------- ------ ------- -------- ---------------- - --- - ----- ------ - ----------------------------- ----------------- ------ - ----- ------------ --------------- --- - -- ------------ - -- --------------- ------ ----- - - -- -
在以上代码中,我们创建了一个名为 my-plugin 的插件,它将会过滤符合 include 和 exclude 的文件,并通过 transform 方法对这些文件进行转换。
总结
rollup-pluginutils 是一个方便的工具包,可以帮助我们快速的创建 Rollup 插件。希望本文能够帮助您更好地理解和使用该 npm 包。
来源:JavaScript中文网 ,转载请联系管理员! 本文地址:https://www.javascriptcn.com/post/49344