Аурелия - Конфигурация
В этой главе мы покажем вам, как настроить платформу Aurelia для ваших нужд. Иногда вам нужно будет установить начальную конфигурацию или запустить некоторый код, прежде чем приложение будет отображено для пользователей.
Шаг 1. Создайте main.js
Создадим main.js файл внутри srcпапка. Внутри этого файла мы настроим Aurelia.
Вам также необходимо указать Aurelia загрузить модуль конфигурации. Вы можете увидеть закомментированную часть в следующем примере.
index.html
<!DOCTYPE html>
<html>
<head>
<title>Aurelia</title>
<link rel = "stylesheet" href = "styles/styles.css">
<meta name = "viewport" content = "width=device-width, initial-scale = 1">
</head>
<body aurelia-app = "main">
<!--Add "main" value to "aurelia-app" attribute... -->
<script src = "jspm_packages/system.js"></script>
<script src = "config.js"></script>
<script>
SystemJS.import('aurelia-bootstrapper');
</script>
</body>
</html>Шаг 2 - Конфигурация по умолчанию
В приведенном ниже коде показано, как использовать конфигурацию по умолчанию. configureфункция позволяет установить конфигурацию вручную. Мы устанавливаемuse свойство, чтобы указать, что нам нужно.
main.js
export function configure(aurelia) {
aurelia.use
.standardConfiguration()
.developmentLogging();
aurelia.start().then(() => aurelia.setRoot());
}Шаг 3 - Расширенная конфигурация
Есть много вариантов конфигурации, которые мы могли бы использовать. Это выходит за рамки данной статьи, чтобы показать вам все это, поэтому мы объясним, как работает конфигурация, на следующем примере. По сути, мы говорим Аурелии использоватьdefault data binding language, default resources, development logging, router, history а также event aggregator. Это стандартный набор плагинов.
export function configure(aurelia) {
aurelia.use
.defaultBindingLanguage()
.defaultResources()
.developmentLogging()
.router()
.history()
.eventAggregator();
aurelia.start().then(() => aurelia.setRoot());
}Note - Эти настройки будут подробно объяснены в следующей главе.