Dateiname gibt den Namen der Datei an, in der sich der gesamte gebündelte Code nach dem Erstellungsschritt ansammelt.
Pfad gibt das Ausgabeverzeichnis an, in dem die Datei app.js (Dateiname) auf der Festplatte gespeichert werden soll. Wenn kein Ausgabeverzeichnis vorhanden ist, erstellt Webpack dieses Verzeichnis für Sie. beispielsweise:
module.exports = {
output: {
path: path.resolve("./examples/dist"),
filename: "app.js"
}
}
Dadurch wird ein Verzeichnis myproject / examples / dist erstellt und unter diesem Verzeichnis wird app.js , /myproject/examples/dist/app.js erstellt . Nach dem Erstellen können Sie zu myproject / examples / dist / app.js navigieren , um den gebündelten Code anzuzeigen
publicPath: "Was soll ich hier setzen?"
publicPath gibt das virtuelle Verzeichnis auf dem Webserver an, von dem aus die gebündelte Datei app.js bereitgestellt wird. Beachten Sie, dass der Wortserver bei Verwendung von publicPath entweder ein Webpack-Dev-Server oder ein Express-Server oder ein anderer Server sein kann, den Sie mit Webpack verwenden können.
beispielsweise
module.exports = {
output: {
path: path.resolve("./examples/dist"),
filename: "app.js",
publicPath: path.resolve("/public/assets/js")
}
}
Diese Konfiguration weist das Webpack an, alle Ihre js-Dateien in examples / dist / app.js zu bündeln und in diese Datei zu schreiben.
publicPath weist den Webpack-Dev-Server oder Express-Server an, diese gebündelte Datei bereitzustellen , z. B. examples / dist / app.js vom angegebenen virtuellen Speicherort im Server, dh / public / assets / js. In Ihrer HTML-Datei müssen Sie also auf diese Datei verweisen als
<script src="public/assets/js/app.js"></script>
Also zusammenfassend ist publicPath wie Zuordnung zwischen virtual directory
in Ihrem Server und output directory
durch output.path Konfiguration angegeben, Jedes Mal , wenn Anforderung für die Datei public / assets / js / app.js kommt, /examples/dist/app.js Datei serviert wird
path
und wann würden Sie verwendenpublicPath
?