Machen absolute Pfade relativ zum Projekt-Stammverzeichnis im Webpack

Werde ich diese Antwort etwas anders ohne mithilfe zu lösen.root. Alles @dresyecat sagte, ist richtig. Aber ich ging einfach durch die gleiche Bewegung, der Wechsel von relativen Pfaden überall zu Modul Pfade. Hier ist der doc erklärt, dass die drei verschiedenen Arten von Pfaden, die Sie verwenden können, in der import-Anweisung.

Sie Fragen zu verwenden Sie eine Modul-Pfad, die ich glaube, ist der bevorzugte Weg zu gehen.

Das problem ist, dass standardmäßig, Modul-Pfade funktionieren nur mit Dingen, die importiert, via npm, weil die neue Module variable auf beheben, standardmäßig ["node_modules"]. Dies erlaubt den import von 3rd-party-code von npm wirklich leicht. Aber es bedeutet, importieren Sie Ihre code mit einem Modul-Pfad muss ein config ändern. BTW, die Module genannt moduleDirectories in früheren Versionen. Hier sind die docs für das auflösen von Variablen-Konfiguration.

Ok, vorausgesetzt, Sie haben eine directory-Struktur wie diese:

project/
    webpack.config.json
    js/
        components
        actions

Können Sie die Module-Verzeichnis:

resolve: {
    extensions: [ '.ts', '.js', '*' ],
    modules: [ path.resolve(__dirname, "js"), "node_modules"]
}

Ein paar wichtige Punkte:

• Sicher sein, um die "node_modules" wenn Sie mit npm zu ziehen, in 3rd-party-code, oder Ihre Einfuhr dieser, scheitern

• Sicher sein, importieren Sie die Pfad-Komponente in Ihrer Konfiguration, so dass Pfad definiert ist

  var path = require('Pfad');

Dann können Sie den folgenden (wie auch schon darauf hingewiesen - ohne führenden /), um importieren Sie Ihre Komponenten mit dem Modul path form:

import "actions/fooAction";