在前端开发中，我们经常会碰到需要打包多个入口文件的情况，而 rollup-plugin-input-array 则是一个非常便捷的 npm 包，可以帮助我们将多个入口文件集中打包。
安装
首先，我们需要在项目中安装该 npm 包：
npm install rollup-plugin-input-array --save-dev
然后，在 rollup.config.js 配置文件中，引入该包：
import inputArray from 'rollup-plugin-input-array';
使用方法
接着，在 rollup 配置中添加该插件：
-- -------------------- ---- -------
------ ------- -
------ --------------- -----------------
------- -
---- --------
------- ------
--
-------- -
-------------
-- ----
--
--配置项
entryFileName
该参数设置打包后的文件名，默认为 'entry.js'。可以通过修改参数修改文件名：
inputArray({
entryFileName: 'bundle.js',
})transformFileName
该参数可以传入一个函数，用于修改打包后的文件名。如下：
inputArray({
transformFileName(fileName) {
return fileName.replace('.js', '.min.js');
},
})include
该参数可以设置一个数组，用于指定需要打包的文件夹或文件。如下：
inputArray({
include: ['src/pages', 'src/index.js'],
})exclude
与 include 相反，该参数用于排除指定的文件夹或文件：
inputArray({
exclude: ['src/vendor'],
})示例代码
-- -------------------- ---- -------
-- ----------------
------ ---------- ---- ----------------------------
------ ----- ---- -----------------------
------ ------- ---- ------------------------------
------ -------- ---- --------------------------
------ - ------ - ---- -----------------------
------ ------- -
------ --------------- -----------------
------- -
---- --------
------- ------
--
-------- -
-------------
-------
-------- ------------------
------------- ----------
---
----------
-----------
---------
--
--总结
本文中介绍了 npm 包 rollup-plugin-input-array 的使用方法，以及对应的配置项。通过使用该插件，我们可以更加方便地打包多个入口文件，提高了开发效率，代码也更加规范。希望本文能够给大家带来帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/57121