Dynamische Importe auf ES6

Question

Also, ich habe mehrere Lenker Vorlagen in einem weit entfernten Ordner. Ich habe sie importieren mit

import UserTemplate from '../../../../../../More/Stuff/Omg/Template.handlebar' 

ich THINKG bin, wenn ich etwas schönere, wie eine Funktion tun könnte dies zum Beispiel für mich zu lösen

let UserTemplate = Templates.get('Template.handlebar'); 

Dann würde diese Funktion all den verrückten Weg tun Sachen und importieren.

Wäre das irgendwie möglich?

Answer 1

Es ist ein Paket, das Sie, dass bereits verwenden, kann dies tut module-alias

Unter Sie package.json Sie

"_moduleAliases": { 
    "@Templates"  : "./templates/" 
} 

Dann könnten Sie diese Abfrage haben würde als

import UserTemplate from '@Templates/UserTemplate' 

folgt

Auch wenn Sie webpack verwenden, können Sie ihre integrierte Funktionalität dieser https://webpack.js.org/configuration/resolve/ verwenden.