前言
在Web前端开发中，AMD (Asynchronous Module Definition) 模块化开发规范越来越流行。 各类JavaScript的库，例如jQuery、AngularJS、React等也都采用AMD规范，编写符合AMD规范的JavaScript代码，可以实现代码易读、易维护和易测试等优势。
而为了更方便地处理AMD规范下的代码开发，使用构建工具自动化打包变得越来越重要。本文将介绍如何使用npm包builder-amd来实现AMD规范下的JavaScript模块自动化构建工作。
Builder-amd简介
Builder-amd是一个自动化的JavaScript模块打包工具，遵循AMD模块化规范，是一款轻量级模块打包工具。在项目开发过程中，我们可以使用builder-amd打包我们自己编写的JavaScript模块，同时也可以打包引用的第三方库模块，方便管理代码并且提高网站的性能。
安装Builder-amd
使用npm安装Builder-amd，只需要在命令行输入以下命令即可。
npm install builder-amd --save-dev
使用Builder-amd
首先，我们需要将要被打包的模块文件添加到一个指定的目录之下（例如：/src/scripts/lib）。这些模块文件使用AMD规范编写，就像下面这样：
define(['moduleA', 'moduleB', 'moduleC'], function(moduleA, moduleB, moduleC) {
// your code here
});然后，我们新建一个builder.js文件，编写以下代码来打包这些AMD规范下的JS模块：
-- -------------------- ---- -------
-- --------------- --
--- ------- - -----------------------
-- ----------------------------
--- ------- - ---------------
-- ----------------
---------------------- -
--------- ---------------------- -- ---------------- -- --
---最后，在终端里输入以下命令即可执行上述的打包工作：
node builder.js
运行成功后，在dist目录下就会生成home.js文件，里面包含了views/home.js这个模块的所有依赖。
Builder-amd配置项
Builder-amd 除了可以通过代码控制打包之外，还可以通过建立配置文件（如：config.js）进行模块打包的配置。
-- -------------------- ---- -------
-------------- - -
-- ----
-------- -----
-- ----------
---- -------
-- ----
--------- -
-
----- ---------
--------- -------------
----- --------
-
--
-- ----
-------- -
-
-- ------
----- -------------
-- ----
-------- -
---------
-------------
------------
-
-
--
-- -------------
-------- -
--------
--
-- ----
------ -
--------- ------------------------
------------- --------------------------------
-
--如以上config.js文件的例子，可以通过在builder.js文件中引入该配置文件，并且在build()方法里传入该配置文件的路径，就可以通过该配置文件来进行模块打包。在这里我们可以修改它的配置项来符合我们实际的需求。
var builder = require('builder-amd');
var config = require('./config');
builder.buildConfig(config, function() {
console.log('done!');
});总结
Builder-amd是一个很好的轻量级JavaScript模块打包工具，能够实现AMD规范下的JavaScript模块自动化构建工作。本篇文章介绍了如何安装Builder-amd、使用Builder-amd以及Builder-amd的配置项的使用，希望能为大家的工作带来方便和帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/77698