什么是 SystemJS Builder
SystemJS Builder 是一个基于 SystemJS 的模块打包工具，可以将多个模块文件打包成一个文件，方便前端项目的部署和发布。
安装 SystemJS Builder
使用 npm 安装 SystemJS Builder：
npm install systemjs-builder --save-dev
使用 SystemJS Builder
创建配置文件
在项目根目录下创建一个名为 build.js 的配置文件。该文件是一个 Node.js 模块，可以通过 require 方法直接引入：
var Builder = require('systemjs-builder');配置打包选项
通过 Builder 类创建一个打包器对象，并设置一些打包选项：
-- -------------------- ---- -------
--- ------- - --- ---------
-------- ----
-------------------- -----
-- ------
------ -
--------- ----------------------------------------
--
-- ------
---- -
------ ------------
-
---上面的代码中，baseURL 表示项目的基本 URL，defaultJSExtensions 表示是否自动添加 .js 后缀，paths 表示系统模块的路径映射，map 表示打包入口的映射关系。
打包模块
使用 builder.buildStatic 方法打包模块：
builder.buildStatic('app', 'build/bundle.js')
.then(function() {
console.log('Build complete');
})
.catch(function(err) {
console.log('Build error');
console.log(err);
});上面的代码中，buildStatic 方法的第一个参数是打包入口名称，第二个参数是输出文件路径。
示例代码
下面是一个使用 SystemJS Builder 打包模块的示例代码：
-- -------------------- ---- -------
--- ------- - ----------------------------
--- ------- - --- ---------
-------- ----
-------------------- -----
------ -
--------- ----------------------------------------
--
---- -
------ ------------
-
---
-------------------------- ------------------
---------------- -
------------------ -----------
--
-------------------- -
------------------ --------
-----------------
---在上面的示例中，我们将 src/app.js 文件作为入口文件打包成 build/bundle.js 文件，并将 jQuery 库作为系统模块进行了配置。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/42059