随着前端技术的快速发展，模块化已成为不可避免的趋势，因此构建工具的使用也变得日益重要。rollup 是一款支持 ES6 模块的打包工具，而 @comandeer/rollup-lib-bundler 则是一个专注于类库打包的 rollup 插件。
本文将介绍 @comandeer/rollup-lib-bundler 的使用方法。以下为详细的步骤和示例代码。
安装
使用 npm 安装 @comandeer/rollup-lib-bundler：
npm install @comandeer/rollup-lib-bundler --save-dev
配置
在 rollup 的配置文件（一般为 rollup.config.js）中，引入 @comandeer/rollup-lib-bundler 并配置插件。以下是一个简单的配置示例：
-- -------------------- ---- -------
------ ------ ---- ---------
------ ----- ---- ----------------------
------ - ------ - ---- -----------------------
------ --------- ---- --------------------------------
------ ------- -
------ ---------------
------- -
----- --------------------
------- ------
----- ------------
---------- -----
--
-------- -
-------
-------- ------------------
---
---------
-----------
-------- ---------
-------- -----------------
---------- -----------
---
--
--以上配置中，我们引入了 rollup、rollup-plugin-babel、rollup-plugin-terser 以及 @comandeer/rollup-lib-bundler。bundleLib 插件的配置选项如下：
include：需要打包的文件路径，支持 glob 格式。exclude：需要排除的文件路径，支持 glob 格式。outputDir：输出目录。
示例
我们使用以下的简单类库作为示例：
// src/index.js
export function add(a, b) {
return a + b;
}接下来，我们在 package.json 中添加以下 script：
{
"scripts": {
"build": "rollup -c"
}
}运行 npm run build 后，我们可以在 dist/umd 目录下看到一个名为 index.min.js 的文件。使用该文件，我们可以在浏览器中使用 MyLibrary.add 来调用 add 方法。
总结
本文介绍了如何使用 @comandeer/rollup-lib-bundler 插件，该插件能够使 rollup 更加高效地打包项目中的类库代码。在使用时，需要仔细阅读文档，了解插件的配置选项，并参考示例代码适当调整配置。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/5eedbe4bb5cbfe1ea0611b54