men-bundle 是一个针对 Node.js 环境和前端环境的打包工具，使用它可以将多个 JS、CSS、HTML 文件打包成一个文件，减少网络请求，提高页面加载速度。
安装
在终端中输入以下命令进行安装：
npm install men-bundle --save-dev
使用
Node.js 环境
在 Node.js 环境中，men-bundle 可以作为一个模块来使用：
-- -------------------- ---- ------- ----- --------- - ---------------------- ------------------ ------ ------------------- ------- -------------------- ------- ---- ---------- -- - ------------------- ----------- -------------- -- - --------------------- -------- ----- ---
上面的代码中，entry 指定入口文件，output 指定输出文件，minify 可以指定是否压缩输出文件。
前端环境
在前端环境中，men-bundle 也可以使用，在 HTML 中引入打包后的文件即可：
-- -------------------- ---- ------- --------- ----- ------ ------ ----- ---------------- ----------------- --------------- ------- ------ ------- --------------------------------- ------- -------
如果要在前端环境中使用 men-bundle 打包多个 CSS 或 HTML 文件，可以使用 menBundle.include 方法：
-- -------------------- ---- -------
--------- -----
------
------
----- ----------------
----------------- ---------------
-------
------
----- ---------------- --------------------------
----- ---------------- --------------------------
------- --------------------------------
--------
-------------------
-------------------------
------------------------
---
---------
-------
-------上面的代码中，include 方法可以将指定的文件打包到入口文件中。
示例代码
以下是一个示例代码，使用了 men-bundle 将多个文件打包成一个文件：
index.html
-- -------------------- ---- ------- --------- ----- ------ ------ ----- ---------------- ----------------- --------------- ------- ------ --------- ----------- ------- ------------------------- ------- -------
entry.js
console.log('Hello World!');使用 men-bundle 打包代码
在终端中输入以下命令：
men-bundle --entry entry.js --out-file bundle.js
然后在浏览器中打开 index.html 文件，可以看到页面上输出了 Hello World!。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6005595f81e8991b448d6c66