SystemJS relative Pfade

Question

Ich habe eine sehr einfache config.js Datei, die wie erwartet funktioniert, solange es unter der Stamm-URL bereitgestellt wird. Hier ist die Probe config.js Datei:

System.config({ 
    //use typescript for compilation 
    transpiler: 'typescript', 
    //typescript compiler options 
    typescriptOptions: { 
    emitDecoratorMetadata: true 
    }, 
    //map tells the System loader where to look for things 
    map: { 
     app: "./src", 
    }, 
    //packages defines our app package 
    packages: { 
    app: { 
     main: './app.ts', 
     defaultExtension: 'ts' 
    } 
    } 
}); 

Solange diese Datei aus dem Stammpfad geladen wird <script src="/config.js"> und Standorte sind
http://localhost/config.js und http://localhost/src/app.ts alles funktioniert gut.

ich jetzt versuchen, die config.js Datei zu einem tieferen Verzeichnis zu verschieben, und laden Sie sie mögen: <script src="https://stackoverflow.com/a/b/c/d/e/config.js">, aber wenn ich das brauche ich dann zu hart Code den Pfad auf der config.js Datei selbst wie:

//map tells the System loader where to look for things 
    map: { 
     app: "./a/b/c/d/e/src", 
    }, 

Kann der gesamte Pfad in der Datei config.js nicht fest codiert werden? Ich hätte gedacht, der führende ./ meinte "relativ zu" aber es tut es nicht. Wenn ich den vollständigen Pfad nicht wieder fest programmiere, funktioniert es nicht. Was ist (oder gibt es) eine Syntax, um den relativen Ort anzugeben?

Answer 1

'./' bedeutet relativ, aber es ist relativ zu dem 'Kontext' wo Ihre js-Datei, wenn geladen. Ich nehme an, dass Sie es auf der Seite wie index.html laden, die sich im Stammordner befindet - das ist Ihr "Kontext" und alle Pfade sind relativ dazu. Wenn Sie also config.js in einen anderen nicht-root-Speicherort verschieben und dann in die html-Stammseite laden, ändert sich der Kontext nicht, der immer noch der Stammordner ist, während sich der Speicherort der src-Dateien geändert hat und Sie nun zur Bereitstellung gezwungen werden neue Pfade zu ihnen in Ihrer config.js.

Um es einfacher zu machen, können Sie systemjs baseURL Eigenschaft verwenden. Dann müssen Sie den Pfad nur an einer Stelle ändern, ohne sie für jedes Paket neu schreiben zu müssen.