Le fichier de configuration webpack.config.js
J'ajoute ici, au fur et à mesure de ma compréhension, des explications sur les instructions dans le fichier
webpack.config.js
L'objet Webpack
Plutôt miraculeusement, lorsque l'on lance une commande npm run ..
, le fichier webpack.config.js
est exécutée !!
Le principale de la configuration est enregistrée dans le fichier package.json
et est chargée dans les premières instructions du fichier webpack.config.js
. On place donc tous les paramètres dans le fichier package.json
.
var PACKAGE = require('./package.json');
Dans le fichier webpack.config.js
, il s'agit de définir les instructions à exécuter pour faire tourner l'application, c'est à dire, de définir l'objet webpack
(ici module.exports
) et en premier : les propriétés entry
et output
.
module.exports = { // le point d'entrée est ici le fichier main.js entry: "./src/main.js", // la sortie : le fichier nommé mon_fichier_resultant.js dans le répertoire dist output: { // le chemin du dossier path: path.resolve(__dirname, "./dist"), // l'url du dossier (relative ou absolue) publicPath: "/dist/", // le nom du fichier filename: "mon_fichier_resultant.js" } }