我们在我们的应用程序中使用dojo 1.7.2。尽管此版本支持AMD
,但我们根本不使用该方法。我们还在继续
使用遗留dojo.require("package")
方法。
我们需要为我们的应用程序创建一个发布版本。以下是我们用来执行此操作的配置文件。我们正在使用ANT
任务来执行此操作。我们的简介
非常简单,并没有太多的道场要求。
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
文件包含在页面顶部。如果我们以正确的方式做这件事,你能否建议我们?
答案 0 :(得分:0)
您似乎正在以旧的弃用格式编写构建配置文件。新的(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源中的示例使用新旧构建配置文件格式的混合,这也无济于事。但是这些链接非常有用。
享受 马丁