aurelia - Aurelia插件和功能有什么区别？

Question

我正在尝试为我的应用程序注册几个插件，但是我不确定该怎么做。

我拥有的插件包括两个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()有什么区别？

Answer 1

功能与插件基本相同，不同之处在于它们位于您自己的源代码树中。根据您的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'); });
}

另外，请注意，在main.ts中不需要 import {Aurelia} from 'aurelia-framework';行。