11

我有一个简单的 Dojo 应用程序，它只执行一次require调用，加载所有依赖项。问题是，虽然它非常简单，但最终还是要从服务器加载大约 100 个文件。我尝试使用 Dojo 构建系统解决该问题，但似乎我的理解不够深入。

所以我的问题是 - 给定一个依赖列表，如下所示：

["dojo/parser",
 "dijit/registry",
 "dojo/dom",
 "dojo/on",
 "dojo/query",
 "dojo/dom-class",
 "dojo/request",
 "dijit/form/ValidationTextBox", 
 "dijit/form/Select",
 "dijit/form/NumberSpinner",
 "dijit/form/CheckBox",
 "dijit/layout/ContentPane",
 "dijit/Dialog",
 "dojo/NodeList-traverse",
 "dojo/domReady"]

如何设置构建以创建单个文件（或多个文件，而不是 100 个文件）dojo 文件？

4

2 回答 2

5

如果您使用的是 Dojo 的require()加载器，那么您可以使用构建工具来组合文件和缩小文件。根据该站点，构建工具不包含在正式版本中，因此您必须从开发版本中获取它们（具体来说，查看buildscripts目录）。

Dojo 文档包含有关其构建系统的一些信息，您可能会觉得这些信息很有用。

作为概念证明，以下是我采取的步骤：

  1. 转到下载页面，下载 Source Dojo Toolkit SDK（它是唯一一个包含构建所需的 util 脚本）。

  2. 提取到一个位置（为了这篇文章，假设它是/opt/dojo-toolkit）。

  3. 从 Dojo 工具包目录（即/opt/dojo-toolkit），运行 build util：（./util/buildscripts/build.sh action=release htmlFiles=/path/to/my/index.html小心，这让我 5 岁的双核设备慢了下来）

示例index.html（这个正好在dojo-toolkit目录中）：

...
<head>
    <script src="dojo/dojo.js"></script>
    <script>
    dojo.require("my.test");
    </script>
</head>
...

该require()调用查找嵌套模块（我无法让它与顶级模块一起使用），因此在这种情况下，我有一个my目录，dojo-toolkit其中包含一个test.js文件。该文件是加载所有依赖项的主要“引导程序”文件。我只是在我的随机require()调用：

dojo.require('dijit.ProgressBar');
dojo.require('dijit.Tree');

那应该这样做。基本上，针对您的 HTML 文件（包含对 dojo.js 的引用的文件）运行构建实用程序可确保从顶部开始找到所有依赖项。

注意：构建系统release使用构建的输出创建一个目录，但一开始看起来有点误导 - 它似乎已经缩小了每个单独的文件，但如果你查看你的实际引导文件（my/test.js在这种情况下），它将是一个组合的、缩小的文件，其中包含（我认为）运行应用程序所需的一切。

否则，如果你使用 AMD 风格require()的（如 require.js 中的），你可以使用它的优化工具。根据该网站，它将：

  1. 将所有依赖文件（包括 require.js 本身）合并到一个文件中。它分析require()调用以确定它需要组合哪些文件。

  2. 使用 UglifyJS（默认）或 Closure Compiler 压缩你的 JavaScript。

于 2012-12-13T06:06:58.330 回答
3

我需要做同样的事情，这就是我解决它的方法。

如果您阅读了有关如何创建自定义构建的文档（http://dojotoolkit.org/documentation/tutorials/1.8/build/），在“层”部分，他们会讨论创建自定义层。您可以在那里添加您需要的所有模块。这是我的自定义图层文件的示例：

layers : {
"dojo/dojo" : {
    include : [
            "dojo/dojo",
            "dojo/_base/window",//
            "dojo/dom",//
            "dojo/dom-class",//
            "dojo/ready",//
            "dojo/store/Memory"
    ],
    customBase : true,
    boot : true
}
}

这将只将这些模块与引导加载程序一起构建到 dojo.js 中，以便您可以动态加载其他模块。

于 2012-12-14T18:06:01.217 回答