1. 简介
microbundle 是一个可以快速构建现代 JavaScript 库的工具，它可以将多个模块打包成一个文件，并且支持 Tree shaking 和 ES6 module 等功能。使用 microbundle 可以轻松地将你的代码库发布到 npm 或者其他平台上。
2. 安装
在使用 microbundle 前，需要先安装 Node.js 环境。如果已经安装了 Node.js，可以通过以下命令来安装 microbundle：
npm install -g microbundle
3. 使用
3.1 创建项目
首先，需要创建一个新的 npm 项目：
mkdir my-project cd my-project npm init -y
3.2 安装依赖
使用 microbundle 构建 JavaScript 库通常需要一些依赖，比如 rollup、babel 等，我们可以通过以下命令来安装这些依赖：
npm install --save-dev rollup rollup-plugin-babel @babel/core @babel/preset-env
3.3 配置
接下来，需要创建一个名为 rollup.config.js 的配置文件用于指定构建选项。例如，以下是一个简单的配置示例：
-- -------------------- ---- -------
------ ----- ---- ----------------------
------ ------- -
------ ---------------
------- -
-
----- ---------------------
------- ------
----- ------------
--
-
----- -------------------------
------- ------
--
--
-------- -
-------
-------- ------------------
-------- ----------------------
------------- ----------
---
--
--input：指定入口文件。output：指定输出文件。其中file是输出文件路径，format是输出格式（可以是 umd、cjs、amd、iife、esm 等），name是 UMD 格式下的全局变量名。plugins：指定插件列表。
3.4 构建
现在，可以使用以下命令来构建 JavaScript 库：
microbundle
构建完成后，你将会在 dist/ 目录下看到构建好的文件。
4. 示例
以下是一个简单的示例，它包含了两个模块 module1.js 和 module2.js，并将它们打包成一个库 my-library.js：
-- -------------------- ---- -------
-- ----------
------ -------- ----- -
-------------------
-
-- ----------
------ -------- ----- -
-------------------
-
-- --------
------ - --- - ---- ------------
------ - --- - ---- ------------
-- ----------------
------ ----- ---- ----------------------
------ ------- -
------ ---------------
------- -
-
----- ---------------------
------- ------
----- ------------
--
-
----- -------------------------
------- ------
--
--
-------- -
-------
-------- ------------------
-------- ----------------------
------------- ----------
---
--
--5. 总结
microbundle 是一个非常实用的构建工具，它可以让你轻松地构建 JavaScript 库，并且支持多种格式的输出。通过本篇文章的介绍，相信你已经掌握了如何使用 microbundle 来构建自己的 JavaScript 库。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/41343