什么是 steal-almond?
steal-almond 是一个 JavaScript 模块打包器，可将依赖模块转化为单一文件，支持 AMD、CommonJS 和 ES6 模块。与其他打包器不同的是，steal-almond 可以使用内置的 almond.js 作为模块加载器，生成的单一文件可直接在浏览器端使用，不需要额外的加载器文件。另外，steal-almond 还支持基于插件的构建，可以通过配置选项引入需要的插件，例如压缩工具、代码分割工具等。
如何使用 steal-almond?
整体上分为以下几个步骤：
1. 安装
npm install steal-almond
2. 创建配置文件
在项目根目录下创建一个名为 steal.development.js 的文件，内容如下：
-- -------------------- ---- -------
----- ---- - ----------------
-------------- - -
-- ----
----- -----------
-- ------
------------- -
-- ----
---- -------------------- --------
-- ------
-------- ------------
--
-- ------------ --
-------- -
--------------
-
-上述配置中的 main 属性指定了应用程序的入口模块，buildOptions 属性指定了输出文件的配置信息。
3. 构建应用程序
在项目根目录下，执行如下命令：
npx steal build
4. 查看输出的文件
执行完上述命令后，会在 dist 目录下生成一个名为 app.min.js 的文件，打开该文件可以看到生成的单一文件，其中内置了 almond.js 作为模块加载器。
实例：
-- -------------------- ---- -------
-- -----------
----------------- -
--- --- - -
----- ---------- -
---------------- ------
-
--
------ ----
---
-- ------------
--------
----------
-- -------------- -
------------
---
-- -- -------------------- --
----- ---- - ----------------
-------------- - -
----- ------------
------------- -
---- -------------------- --------
-------- ------------
--
-------- -
--------------
-
-执行 npx steal build 构建完成后，在 dist 目录下会生成一个名为 app.min.js 的文件，可以直接在浏览器上打开该文件并查看控制台输出。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/70165