介绍
在前端项目开发的过程中，我们经常需要将多个 js 文件合并成一个 js 文件，或者将多个 css 文件合并成一个 css 文件，以减少 HTTP 请求次数，提高性能。而 npm 包 cmd-build 正是为此而生，它可以让我们通过命令行的方式，将多个模块打包成一个模块，供浏览器使用。
安装
cmd-build 是一个 npm 包，因此需要先安装 node.js 和 npm。安装完成后，可以通过以下命令安装 cmd-build：
npm install cmd-build -g
安装完成后，可以通过以下命令查看 cmd-build 是否安装成功：
cmd-build -h
如果成功安装，会输出以下信息：
Usage: cmd-build [options]
Options:
-V, --version output the version number
-o, --output <filename> set output filename(default is combo.js)
-d, --dist <dist_directory_path> resource root directory path(default is current directory)
-h, --help output usage information示例
首先，创建一个名为 index.html 的 HTML 文件，内容如下：
-- -------------------- ---- -------
--------- -----
------
------
----- ----------------
---------- ------------
------- ------------------------
--------
----------------
-------- ----
---
------------- ----- ----------- -- -
---------
---------
---
---------
-------
------
-------
-------接着，创建一个名为 js 的目录，在目录中创建 a.js 和 b.js 两个文件，内容分别如下：
a.js：
define(function() {
var obj = {};
obj.init = function() {
console.log('a');
};
return obj;
});b.js：
define(function() {
var obj = {};
obj.init = function() {
console.log('b');
};
return obj;
});然后，在终端中进入 js 目录，并执行以下命令：
cmd-build -o combo.js a.js b.js
执行成功后，在当前目录下会生成一个 combo.js 文件，包含 a.js 和 b.js 的内容。
最后，我们将 index.html 文件中的 script 标签的 src 属性改为：
<script src="js/combo.js"></script>
即可在浏览器中运行代码，查看控制台输出 a 和 b。
总结
使用 cmd-build 工具，可以方便地将多个模块打包成一个模块，减少 HTTP 请求次数，提高性能。此外，cmd-build 还支持压缩代码等高级功能，可以根据需求灵活配置。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/71332