Javascript 从引导文件创建Dojo构建层,最好不导出整个Dojo库
我有一个简单的Dojo1.8AMD网络应用程序。它有两个用于不同MVC视图的引导文件和3个自定义模块。我想构建两个引导文件以包含它们的相对依赖关系 文件结构Javascript 从引导文件创建Dojo构建层,最好不导出整个Dojo库,javascript,optimization,dojo,amd,dojo-build,Javascript,Optimization,Dojo,Amd,Dojo Build,我有一个简单的Dojo1.8AMD网络应用程序。它有两个用于不同MVC视图的引导文件和3个自定义模块。我想构建两个引导文件以包含它们的相对依赖关系 文件结构 - js - tournament_organiser - Alert - templates - Alert.html - ImportDialog - templates - Impor
- js
- tournament_organiser
- Alert
- templates
- Alert.html
- ImportDialog
- templates
- ImportDialog.html
- SquadronPicker
- templates
- SquadronPicker.html
- Alert.js // module
- config.js // Dojo config file
- form_run.js // bootstrap for "from" view
- list_run.js // bootstrap for "list" list
- package.json
- ImportDialog.js // module
- SquadronPicker.js // module
- tournament_organiser.profile.js
- dojo_toolkit
- dojo
- dijit
- dojox
我想建立2层文件,每个引导一个。每个都包含视图中声明性小部件所需的几个Dijit,另外form\u run.js
使用自定义模块
到目前为止,我为package.json
提供了以下内容:
{
"name": "tournament_organiser",
"description": "Tournament organiser app for X-Wing Miniatures Game",
"version": "0.1",
"dependencies": {
"dojo": "~1.8.5",
"dijit": "~1.8.5",
"dojox": "~1.8.5"
},
"main": "src",
"homepage": "http://xwing-builder.co.uk/tournament",
"dojoBuild": "tournament_organiser.profile.js"
}
对于锦标赛组织者.profile.js
:
var profile = (function(){
return {
resourceTags: {
// tag all.js files as modules
amd: function(filename, mid) {
return /\.js$/.test(filename);
}
},
basePath: "./",
releaseDir: "../tournament_organiser_built",
action: "release",
packages:[{
name: "dojo",
location: "../dojo_toolkit/dojo"
},{
name: "dijit",
location: "../dojo_toolkit/dijit"
},{
name: "dojox",
location: "../dojo_toolkit/dojox"
},{
name: "squad_builder",
location: "../squad_builder"
}],
// this is the bit I'm stuck on... how do I define layers for each bootstrap?
layers: {
"form_run": {},
"list_run": {}
}
};
})();
require( [ 'dojo/parser',
'dojo/on',
'dijit/registry',
'dojo/dom',
'dojo/dom-style',
'dojo/_base/array',
'dojo/_base/lang',
'dojo/aspect',
'squad_builder/loadingPane',
'tournament_organiser/SquadronPicker',
'tournament_organiser/Alert',
// used by declarative dijits on page
'dijit/form/Button',
'dijit/form/Form',
'dijit/form/ValidationTextBox',
'dijit/form/DateTextBox',
'dijit/form/NumberSpinner',
'dijit/form/CheckBox',
'dijit/form/Select',
'dijit/form/FilteringSelect',
'dojo/domReady!' ],
function ( parser, on, registry, dom, domStyle, array, lang, aspect, loadingPane, SquadronPicker, alert )
{
...
} );
一个示例引导文件(form_run.js
):
我如何告诉构建工具读取我的引导以找到必要的依赖项,并将它们打包到一个文件中
另外,是否可以只输出构建的层而不复制整个Dojo工具包?在生产中,我使用GoogleCDN托管的Dojo,因此只需要在页面中包含我的层
事实上,我更愿意将构建的层放在与源代码相同的文件夹中,然后在生产中加载层,在开发中加载原始文件。这是个坏主意吗
编辑:
我试过:
layers: {
"form_run": { include: [ "tournament_organiser/form_run" ] },
"list_run": { include: [ "tournament_organiser/list_run" ] }
}
但是得到了很多警告和一个错误: