前言
在前端开发中，使用构建工具来打包代码已经成为常规操作。而 Rollup 是一个 JavaScript 模块打包器，它可以将多个 JS 模块打包后输出一个单独的文件，适用于打包库和工具等。
本文将介绍如何使用 npm 包 @js-lib/rollup，为你的项目打包 JavaScript 模块，并提供具体的代码示例。
安装
安装 @js-lib/rollup 包的最简单方法是使用 npm：
--- ------- -------------- ----------
在安装之前，请确保你的项目中已经安装了 Node.js 环境。
使用
使用 @js-lib/rollup 实现模块打包主要包含以下几个步骤：
- 创建打包配置文件
- 运行打包命令
创建打包配置文件
创建一个名为 rollup.config.js 的文件，这个文件是 Rollup 的配置文件，用于告诉 Rollup 怎么打包你的代码。
该配置文件应该导出一个包含打包选项的 JavaScript 对象，主要包括：
- input：需要打包的文件路径
- output：打包后生成的文件路径
- plugins：用于扩展 Rollup 功能的插件
以下是一个简单的示例：
------ -------- ---- -----------------------
----- ------ - -
------ ---------------
------- -
----- -----------------
------- ------
----- -------
--
-------- -
--------
-
--
------ ------- -------- input：指定需要打包的文件路径，这里我们打包的是 src/index.js 文件
- output：指定生成的文件路径，打包后生成的文件是 dist/bundle.js 文件，这里我们选择 umd 格式，并将库名命名为 myLib
- plugins：指定在打包过程中需要使用到的功能插件，这里我们使用 terser 插件对代码进行压缩
运行打包命令
在配置好了打包选项后，我们需要运行打包命令将代码进行打包。打开命令行工具，进入到项目的根目录，执行以下命令：
--- ------ -- ----------------
npx 是 Node.js 8.2+ 自带的命令，如果你是早期的 Node.js 版本，请使用全局安装 rollup 命令。
以上命令将自动根据 rollup.config.js 中的配置进行打包，打包完成后可以在 dist 目录中找到生成的文件。
总结
本文介绍了如何使用 npm 包 @js-lib/rollup 打包 JavaScript 模块，主要步骤包括创建打包配置文件和运行打包命令。希望通过本文的学习，使读者能够更好的使用 Rollup 打包自己的 JavaScript 代码。
代码示例可以在 Github 上获取。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/5ef8a4bb403f2923b035b9b3