我正在尝试为我的应用注册几个插件但是我不确定应该怎么做.
我拥有的插件包括两个ValueConverters
和gooy/aurelia-animator-tinyanimate
我安装的插件JSPM
.
这是我目前的实施:
资源\ index.ts/JS
export function configure(aurelia) { aurelia.globalResources('../from-now', '../date-format'); }
main.ts/js(这是应用程序的入口点)
import {Aurelia} from 'aurelia-framework'; export function configure(aurelia: Aurelia): void { aurelia.use .standardConfiguration() .developmentLogging() .plugin('resources/index', 'gooy/aurelia-animator-tinyanimate'); aurelia.start().then(function () { return aurelia.setRoot('views/app'); }); }
转换器正在工作,但我没有看到tinyanimate
要加载.
基于以上所述,我有以下问题:
我该如何移动gooy/aurelia-animator-tinyanimate
到index.js
文件?
plugin()
和之间有什么区别feature()
?
Ashley Grant.. 14
功能与插件基本相同,只是它们存在于您自己的源代码树中.根据您的index.js
文件,您需要加载您的功能,如下所示:
aurelia.use.feature('resources`);
假设该功能的index.js
文件位于该resources
文件夹中.您可能想要将index.js
文件更改为
export function configure(config) { config.globalResources('./from-now', './date-format'); }
并更新您的目录结构以放入from-now.js
和date-format.js
放在resources
目录中.您不需要这样做,但从组织的角度来看,这是有道理的.更改参数名称只是为了更好地描述参数是什么(FrameworkConfiguration实例).
要加载gooy/aurelia-animator-tinyanimate
在你的main.js
文件,你将需要删除'resources/index'
从调用参数plugin
.然后Aurelia会为您正确加载插件.您的main.js
文件应该看起来像这样:
export function configure(aurelia: Aurelia): void { aurelia.use .standardConfiguration() .developmentLogging() .feature('resources') .plugin('gooy/aurelia-animator-tinyanimate'); aurelia.start().then(function () { return aurelia.setRoot('views/app'); }); }
另请注意,import {Aurelia} from 'aurelia-framework';
您的main.ts中不需要该行.
功能与插件基本相同,只是它们存在于您自己的源代码树中.根据您的index.js
文件,您需要加载您的功能,如下所示:
aurelia.use.feature('resources`);
假设该功能的index.js
文件位于该resources
文件夹中.您可能想要将index.js
文件更改为
export function configure(config) { config.globalResources('./from-now', './date-format'); }
并更新您的目录结构以放入from-now.js
和date-format.js
放在resources
目录中.您不需要这样做,但从组织的角度来看,这是有道理的.更改参数名称只是为了更好地描述参数是什么(FrameworkConfiguration实例).
要加载gooy/aurelia-animator-tinyanimate
在你的main.js
文件,你将需要删除'resources/index'
从调用参数plugin
.然后Aurelia会为您正确加载插件.您的main.js
文件应该看起来像这样:
export function configure(aurelia: Aurelia): void { aurelia.use .standardConfiguration() .developmentLogging() .feature('resources') .plugin('gooy/aurelia-animator-tinyanimate'); aurelia.start().then(function () { return aurelia.setRoot('views/app'); }); }
另请注意,import {Aurelia} from 'aurelia-framework';
您的main.ts中不需要该行.