Avez-vous déjà configuré Babel ? Qu'est-ce que c'est ? Avez-vous déjà compilé Webpack ou utilisé ses alternatives ?

Babel est un transpilateur qui convertit le JavaScript moderne (ES6+) en une version plus ancienne compatible avec la majorité des navigateurs. Il se configure via un fichier de configuration (par exemple, .babelrc), où l'on indique les presets et plugins nécessaires pour les transformations.

Webpack est un empaqueteur de modules qui assemble diverses ressources (JS, CSS, images) en bundles optimisés pour le navigateur. Sa configuration permet de définir les points d'entrée, les chargeurs (loaders) pour différents types de fichiers et les plugins pour l'optimisation.

Les alternatives à Webpack incluent, par exemple, Rollup, Parcel ou Vite, qui peuvent être plus simples à configurer ou plus rapides.

Exemple de configuration simple de Babel (.babelrc) :

{
  "presets": ["@babel/preset-env"]
}

Exemple de configuration de base de Webpack (webpack.config.js) :

module.exports = {
  entry: './src/index.js',
  output: {
    filename: 'bundle.js',
    path: __dirname + '/dist'
  },
  module: {
    rules: [
      {
        test: /\.js$/,
        exclude: /node_modules/,
        use: {
          loader: 'babel-loader'
        }
      }
    ]
  }
};