gpt4 book ai didi

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

转载 作者:IT老高 更新时间:2023-10-28 11:22:47 25 4
gpt4 key购买 nike

我有一个简单的 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。

关于javascript - 给定依赖项列表,如何将 Dojo 构建到单个文件中?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13853876/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com