Playlist Webpack vs Vite : Webpack Dev Server : Voir vos Modifications en Direct !

Salut tout le monde, c'est Lazare !

Dans cette vidéo, on va voir comment utiliser Webpack Dev Server pour que vous puissiez voir vos modifications en temps réel, sans avoir à recharger manuellement votre page à chaque fois. Grâce à cet outil, le développement devient beaucoup plus rapide et fluide. On va configurer ensemble le Hot Module Replacement (HMR) pour que vos changements s'appliquent instantanément dans le navigateur.

Commandes et codes utiles :

npm install webpack-dev-server --save-dev

devServer: {
     static: [
          {
              directory: __dirname,
              publicPath: '/'
          },
          {
              directory: path.join(__dirname, 'dist'),
          }
      ],
      compress:  true,
      port: 9000,
      hot: true,
 }