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"
  }
}