javascript - 给定依赖项列表,如何将 Dojo 构建到单个文件中?

我有一个简单的 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 文件?

最佳答案

如果您使用 Dojo 的 require() 加载程序,则有 build tools您可以使用它来合并文件和缩小文件。根据该网站,官方版本中不包含构建工具,因此您必须从 development version 获取它们。 (具体来说,查看 buildscripts 目录)。

Dojo 文档包含有关其build system 的一些信息。也可能对您有用。

作为概念证明,以下是我采取的步骤:

  1. 转至download page ,并下载 Source Dojo Toolkit SDK(它是唯一包含构建所需的 util 脚本的 SDK)。

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

  3. 从 Dojo 工具包目录(即 /opt/dojo-toolkit),运行构建工具:./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 文件。该文件是加载所有依赖项的主要“ Bootstrap ”文件。我只是将随机 require() 调用放入我的:

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

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

注意:构建系统会创建一个带有构建输出的 release 目录,但起初看起来有点误导 - 它似乎已经缩小了每个单独的文件,但是如果您查看实际的引导文件(在本例中为 my/test.js),它将是一个组合的、缩小的文件,其中包含(我认为)运行应用程序所需的一切。


否则,如果您使用 AMD 样式的 require()(如在 require.js 中),则可以使用它的 optimization tool .根据该网站,它将:

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

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

https://stackoverflow.com/questions/13853876/

相关文章:

java - Jenkins slave 在构建期间离线

build - Make有现代替代品吗?

c# - Visual Studio clean 解决方案不会删除所有被移动的 dll/项目引用

build - 在 Visual Studio Team Services 构建期间以管理员身份运行

xcode - xcode 在我的系统上将 "$(BUILT_PRODUCTS_DIR) 解析到哪里

msbuild - 为什么我的 .wpp.targets 文件没有应用到我的构建服务器上?

r - 从 R 包构建中排除数据集

visual-studio-2010 - 极简 Qt 构建的推荐标志

scala - 如何使 sbt 任务使用特定的配置范围?

python - 使用 SCons 进行真正的分层构建?