我们在应用程序中使用的是dojo 1.7.2。尽管这个版本支持AMD
,但我们根本没有使用这种方法。我们还在继续使用传统的dojo.require("package")
方法。
我们需要为我们的应用程序创建一个发布版本。下面是我们使用的配置文件。我们使用ANT
任务来做到这一点。我们的概要是非常简单的,没有太多的dojo要求在里面。
dependencies = {
layers: [
{
name:"cutom_dojo.js",
resourceName:"custom-dojo",
dependencies:[
"dojo.NodeList-traverse",
"dojo.io.iframe",
"dojo.date",
]
}
],
prefixes: [
[ "dijit", "../dijit" ],
[ "dojox", "../dojox" ]
]
}
现在我们正在使用下面的ANT任务创建发布版本。
<target name="create-dojo-release">
<echo message="Starting Dojo Release Build " />
<java fork="true" dir="${shrinksafe.util.path}/buildscripts" classname="org.mozilla.javascript.tools.shell.Main">
<classpath>
<pathelement location="${shrinksafe.util.path}/shrinksafe/js.jar" />
<pathelement location="${shrinksafe.util.path}/closureCompiler/compiler.jar"/>
<pathelement location="${shrinksafe.util.path}/shrinksafe/shrinksafe.jar" />
<pathelement path="${java.class.path}" />
</classpath>
<arg value="../../dojo/dojo.js"/>
<arg value="baseUrl=../../dojo"/>
<arg value="releaseDir=${dojo.release.dir}"/>
<arg value="load=build"/>
<arg value="profile=${dojo.profile.file}" />
<arg value="action=clean,release" />
<arg value="version=1.7.2" />
<arg value="releaseName=cutom_dojo" />
<arg value="cssOptimize=comments" />
<arg value="copyTests=false" />
</java>
<echo message="Dojo Release build successfull." />
</target>
我们在dojo文件夹中得到一个custom_dojo.js文件。我们在应用程序中包含了这个JS文件。当我们打开这个JS文件并搜索下面的包时在这一层中提到的,它们都是可用的。但是当我们访问应用程序页面时,我们仍然会看到为各个模块发送的单独的HTTP请求custom_dojo.js
文件包含在页面的顶部。你能告诉我们这样做是否正确吗?
您似乎在用旧的已弃用的格式编写构建配置文件。新的(v1.6之后)方式是这样的:
var profile = (function(){
return {
basepath: ".",
packages: [
{name: "dojo", location: "./dojo-release-1.7.4-src/dojo"}
],
layers: {
"dojo/custom_dojo": {include: [
"dojo/NodeList-traverse",
"dojo/io/iframe",
"dojo/date"
]}
}
};
})();
当然可以用你自己的路径代替,等等。另请注意,我指定模块id用新的斜杠符号代替旧的点符号。
然后我像这样构建它:
dojo-release-1.7.4-src/util/buildscripts/build.sh --release --profile test.profile.js
我使用Dojo 1.7.4(最新的1.7版本)尝试了上述构建配置文件,并使用以下测试页面,它按预期工作,而无需再次下载模块。
<!DOCTYPE html>
<html>
<head>
<title>test</title>
<script type="text/javascript" data-dojo-config="async:0" src="./dojotk/dojo/dojo.js">/*empty*/</script>
<script type="text/javascript">
// load the custom layer
dojo.ready(function() { dojo.require('dojo.custom_dojo') });;
// to be called on button click
function myFun() {
var ifr = dojo.require('dojo.io.iframe');
// check module has been loaded
if (ifr) {
alert('success: '+ifr);
};
return false;
}
</script>
</head>
<body>
<input type="button" value="click" onclick="return myFun();" />
</body>
</html>
引用确实,我不得不以艰难的方式学习这一点,因为文档不太容易阅读,Dojo源代码中的示例使用新旧构建配置文件格式的混合,这也没有帮助。然而,这些链接是非常有用的。
- http://dojotoolkit.org/documentation/tutorials/1.7/build/
- http://dojotoolkit.org/reference-guide/1.7/build/
享受马丁