2017-04-27 1 views
0

Hier ist mein webpack.config.js Codewebpack nicht zu schaffen Ordner/Verzeichnis

module.exports = { 
    entry: "./app/assets/scripts/App.js", 
    output: { 
     path: "/C/Users/noob/Documents/jay/Sites/travel-site/app/temp/scripts", 
     filename: "App.js" 
    } 
} 

Hier ist der webpack Ausgang. Das Problem ist, es ist nicht die Schaffung Skripte Ordner und die App.js unter Tempverzeichnis webpack output

Bei der Bearbeitung des Pfadnamen enter image description here

+0

versuchen 'C:/Users/[...]'? –

Antwort

0

Mit einem absoluten Pfad von Hand hier ist der Fehler geschrieben path.resolve Datei zerbrechlich ist, weil Wenn Sie das Verzeichnis Ihres Projekts verschieben möchten, werden Sie weiterhin an den alten Speicherort ausgeben. Darüber hinaus sind Pfade unter Windows eine ganz andere Geschichte. Sie verwenden besser die integrierte Node.js path module, die den richtigen Pfad für Ihr Betriebssystem erstellt. Um einen absoluten Pfad zu erstellen, können Sie path.resolve verwenden.

const path = require('path'); 

module.exports = { 
    entry: "./app/assets/scripts/App.js", 
    output: { 
     path: path.resolve(__dirname, "app/temp/scripts"), 
     filename: "App.js" 
    } 
} 

__dirname ist das Verzeichnis der aktuell ausgeführten Datei (Ihre webpack config).

Mit dieser Konfiguration werden Sie immer das Verzeichnis ./app/temp/scripts/ relativ zu Ihrem Projekt ausgeben, egal wo sich das Projekt befindet.

+0

Vielen Dank für Ihre Eingabe. Ich folgte einem Tutorial, wo der Tutor so etwas wie diesen Pfad eingab: "app/temp/scripts" --- was mir einen Fehler von etwas wie "____ ist kein absoluter Pfad" gab. Also entschied ich mich mit dieser Codezeile. Vielen Dank. Ich werde deinen Code ausprobieren, wenn ich nach Hause komme. Ich hoffe, es erstellt den Ordner und die Datei, die ich erstellen möchte. – Hiei

+0

Michael, der von Ihnen angegebene Code gibt mir einen Fehler. Bitte sehen Sie das aktualisierte Bild oben. Vielen Dank!! – Hiei

+0

@Hiei Sie haben vergessen, 'Pfad' zu importieren, die erste Zeile im gebuchten Code. –

0

mit dieser Linie des Codes Gelöst

module.exports = { 
    entry: "./app/assets/scripts/App.js", 
    output: { 
     path: __dirname + "/app/temp/scripts", 
     filename: "App.js" 
    } 
} 
Verwandte Themen