Ich versuche, meine Importe in Maschinenschrift zu verkürzen
von import {Hello} from "./components/Hello";
bis import {Hello} from "Hello";
Dafür habe ich herausgefunden, dass Sie resolve.alias im Webpack verwenden können, also habe ich diesen Teil wie folgt konfiguriert
Webpack-Builds und die Ausgabe bundle.js funktioniert. Die Intellisense des Typoskripts beschweren es jedoch cannot find the module
Meine Frage ist also, ob die resolve.alias von webpack mit typescript funktioniert?
Ich habe folgendes Problem gefunden, aber es gibt keine Antwort darauf.
Wenn Sie ts-loader verwenden, müssen Sie möglicherweise Ihre Einstellungen für webpack alias / resolve mit der Einstellung paths in tsconfig.json synchronisieren.
Wenn Sie awesome-typescript-loader verwenden, kann webpack dies automatisch aus der Einstellung paths in Ihrem tsconfig.json herausfinden, wie in den Status zu diesem Thema aus dem Repo . Auf diese Weise müssen Sie nicht dieselben Informationen in Ihrem Webpack alias -Feld duplizieren.
Ich denke Sie können dies tun und es so einrichten, wie Sie es beschreiben:
%Vor% Dann kannst du import {Hello} from "Hello";
Ich weiß, dass ich das mache, um Dateipfade in meinem src/js -Verzeichnis aufzulösen. Ich benutze zwar kein Typoskript, aber ich glaube nicht, dass es das Ergebnis beeinflussen würde.
Tags und Links typescript webpack