Wie referenzieren und importieren Reflect-Metadaten im Aurelia CLI Projekt?

Question

Ich möchte das reflect-metadata-Paket von NPM in ein Aurelia CLI-Projekt mit TypeScript integrieren, aber ich kann keine Anleitung dazu finden.

Gibt es eine "Standard" -Möglichkeit, dieses Polyfill zu integrieren, und wie sollte es in TypeScript verwendet werden?

Answer 1

Ist das vorhandene Reflect-Polyfill, das mit Aurelia geliefert wird, nicht genug? https://github.com/aurelia/polyfills/blob/master/src/reflect.js

Wenn nicht, ist es einfach, reflect-metadata zu einem Aurelia CLI-Projekt hinzuzufügen.

1. npm install --save reflect-metadata
2. die "reflect-metadata" zum dependencies Abschnitt der vendor-bundle Konfiguration hinzufügen in aurelia.json
3. hinzufügen import "reflect-metadata"; zu was auch immer Typoskript Datei, wo Sie die API verwenden müssen.

Soweit es in Typoskript verwenden, würde ich diese Seite überprüfen: https://www.typescriptlang.org/docs/handbook/decorators.html

ich eines der Beispiele von dieser Seite in eine zu Aurelia App kopiert und alles sah aus wie es gut funktioniert:

import "reflect-metadata"; 

export class App { 
    message : string; 

    constructor() { 
    let greeter = new Greeter("Ashley"); 

    this.message = greeter.greet(); 
    } 
} 

const formatMetadataKey = Symbol("format"); 

function format(formatString: string) { 
    return Reflect.metadata(formatMetadataKey, formatString); 
} 

function getFormat(target: any, propertyKey: string) { 
    return Reflect.getMetadata(formatMetadataKey, target, propertyKey); 
} 

class Greeter { 
    @format("Hello, %s") 
    greeting: string; 

    constructor(message: string) { 
     this.greeting = message; 
    } 
    greet() { 
     let formatString = getFormat(this, "greeting"); 
     return formatString.replace("%s", this.greeting); 
    } 
} 

Was es aussah, als ich es lief: