如何更改 Aurelia-App 查找的文件?
How can I change which files Aurelia-App looks for?
我已经用
初始化了 aurelia
<body aurelia-app>
...
</body>
入门指南 (http://aurelia.io/get-started.html) 说这将默认尝试加载 app.js
和 app.html
如何告诉 aurelia 加载 main.js 和 main.html?
如果我这样做 <body aurelia-app="main">
只有 main.js 被访问并且视图不显示。
当您为 aurelia-app
属性提供值时,Aurelia 将加载该模块并调用此模块导出的 configure
方法。这在文档中有解释。
您的配置必须告诉 Aurelia 为应用根加载哪个模块。这是文档中的示例:
import {LogManager} from 'aurelia-framework';
import {ConsoleAppender} from 'aurelia-logging-console';
LogManager.addAppender(new ConsoleAppender());
LogManager.setLevel(LogManager.logLevel.debug);
export function configure(aurelia) {
aurelia.use
.defaultBindingLanguage()
.defaultResources()
.history()
.router()
.eventAggregator()
.plugin('./path/to/plugin');
aurelia.start().then(a => a.setRoot('app', document.body));
}
您期望发生的不是实际行为。将属性点 Aurelia 的值设置为一个配置模块,该模块将 aurelia 指向应用程序根目录。在你的情况下,你可能想做这样的事情:
index.html
...
<body aurelia-app="configuration">
...
src\configuration.js
export function configure(aurelia) {
aurelia.use
.standardConfiguration()
.developmentLogging();
aurelia.start().then(a => a.setRoot('main', document.body));
}
然后 src\main.js
和 src\main.html
将按照您的预期加载(好吧,实际上它将是 dist\main.js
和 dist\main.html
,但是您正在编辑的文件在 src
目录中)。
我已经用
初始化了 aurelia<body aurelia-app>
...
</body>
入门指南 (http://aurelia.io/get-started.html) 说这将默认尝试加载 app.js
和 app.html
如何告诉 aurelia 加载 main.js 和 main.html?
如果我这样做 <body aurelia-app="main">
只有 main.js 被访问并且视图不显示。
当您为 aurelia-app
属性提供值时,Aurelia 将加载该模块并调用此模块导出的 configure
方法。这在文档中有解释。
您的配置必须告诉 Aurelia 为应用根加载哪个模块。这是文档中的示例:
import {LogManager} from 'aurelia-framework';
import {ConsoleAppender} from 'aurelia-logging-console';
LogManager.addAppender(new ConsoleAppender());
LogManager.setLevel(LogManager.logLevel.debug);
export function configure(aurelia) {
aurelia.use
.defaultBindingLanguage()
.defaultResources()
.history()
.router()
.eventAggregator()
.plugin('./path/to/plugin');
aurelia.start().then(a => a.setRoot('app', document.body));
}
您期望发生的不是实际行为。将属性点 Aurelia 的值设置为一个配置模块,该模块将 aurelia 指向应用程序根目录。在你的情况下,你可能想做这样的事情:
index.html
...
<body aurelia-app="configuration">
...
src\configuration.js
export function configure(aurelia) {
aurelia.use
.standardConfiguration()
.developmentLogging();
aurelia.start().then(a => a.setRoot('main', document.body));
}
然后 src\main.js
和 src\main.html
将按照您的预期加载(好吧,实际上它将是 dist\main.js
和 dist\main.html
,但是您正在编辑的文件在 src
目录中)。