nome file specifica il nome del file in cui verrà accumulato tutto il codice in bundle dopo aver completato la fase di creazione.
percorso specifica la directory di output in cui il file app.js (nome file) verrà salvato nel disco. Se non esiste una directory di output, webpack creerà quella directory per te. per esempio:
module.exports = {
output: {
path: path.resolve("./examples/dist"),
filename: "app.js"
}
}
Questo creerà una directory myproject / samples / dist e sotto quella directory creerà app.js , /myproject/examples/dist/app.js . Dopo la compilazione , è possibile cercare myproject / samples / dist / app.js per visualizzare il codice in bundle
publicPath: "Cosa devo mettere qui?"
publicPath specifica la directory virtuale nel server web da cui viene fornito il file in bundle, app.js. Tenere presente che il word server quando si utilizza publicPath può essere webpack-dev-server o express server o altri server che è possibile utilizzare con webpack.
per esempio
module.exports = {
output: {
path: path.resolve("./examples/dist"),
filename: "app.js",
publicPath: path.resolve("/public/assets/js")
}
}
questa configurazione dice al webpack di raggruppare tutti i tuoi file js in esempi / dist / app.js e scrivere in quel file.
publicPath dice a webpack-dev-server o express server di servire questo file in bundle, ad esempio esempi / dist / app.js dalla posizione virtuale specificata in server, ad esempio / public / assets / js. Quindi nel tuo file html, devi fare riferimento a questo file come
<script src="public/assets/js/app.js"></script>
Quindi, in sintesi, publicPath è come mappare tra virtual directory
nel tuo server e output directory
specificato dalla configurazione output.path, Ogni volta che arriva la richiesta per il file public / assets / js / app.js , verrà servito il file /examples/dist/app.js
path
e quando userestipublicPath
?