我有一个简单的 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 的一些信息。也可能对您有用。
作为概念证明,以下是我采取的步骤:
转至download page ,并下载 Source Dojo Toolkit SDK(它是唯一包含构建所需的 util 脚本的 SDK)。
提取到一个位置(为了这篇文章,假设它是 /opt/dojo-toolkit
)。
从 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 .根据该网站,它将:
将所有依赖文件(包括 require.js 本身)合并到一个文件中。它分析 require()
调用以确定它需要合并哪些文件。
使用 UglifyJS(默认)或 Closure Compiler 压缩你的 JavaScript。
https://stackoverflow.com/questions/13853876/