nom_fichier spécifie le nom du fichier dans lequel tout votre code groupé va être accumulé après être passé par l'étape de construction.
chemin spécifie le répertoire de sortie où app.js (nom de fichier) va être enregistré sur le disque. S'il n'y a pas de répertoire de sortie, webpack va créer ce répertoire pour vous. par exemple:
module.exports = {
output: {
path: path.resolve("./examples/dist"),
filename: "app.js"
}
}
Cela va créer un répertoire myproject / examples / dist et sous ce répertoire, il crée app.js , /myproject/examples/dist/app.js . Après la construction, vous pouvez parcourir myproject / examples / dist / app.js pour voir le code fourni
publicPath: "Que dois-je mettre ici?"
publicPath spécifie le répertoire virtuel du serveur Web partir duquel le fichier fourni, app.js va être servi. Gardez à l'esprit que le mot serveur lors de l'utilisation de publicPath peut être soit webpack-dev-server, soit un serveur express ou un autre serveur que vous pouvez utiliser avec webpack.
par exemple
module.exports = {
output: {
path: path.resolve("./examples/dist"),
filename: "app.js",
publicPath: path.resolve("/public/assets/js")
}
}
cette configuration indique à webpack de regrouper tous vos fichiers js dans examples / dist / app.js et d'écrire dans ce fichier.
publicPath indique à webpack-dev-server ou au serveur express de servir ce fichier groupé, par exemple examples / dist / app.js à partir de l'emplacement virtuel spécifié dans le serveur, c'est-à-dire / public / assets / js. Donc, dans votre fichier html, vous devez référencer ce fichier comme
<script src="public/assets/js/app.js"></script>
Donc, en résumé, publicPath est comme le mappage entre virtual directory
votre serveur et output directory
spécifié par la configuration output.path, chaque fois que la demande de fichier public / assets / js / app.js arrive, le fichier /examples/dist/app.js sera servi
path
et quand utiliseriez-vouspublicPath
?