Da li ste ikada podešavali Babel? Šta je to? Da li ste ikada sastavljali Webpack ili koristili njegove alternative?

Babel je transpiler koji pretvara savremeni JavaScript (ES6+) u stariju verziju koja je podržana od strane većine pregledača. Konfiguriše se putem konfiguracionog fajla (npr. .babelrc), u kojem se navode potrebni presetovi i dodaci za transformacije.

Webpack je modulni bundler koji kombinuje različite resurse (JS, CSS, slike) u optimizovane pakete za pregledač. Njegova konfiguracija omogućava definisanje ulaznih tačaka, loadera za različite tipove fajlova i dodataka za optimizaciju.

Alternativa Webpack-u uključuju, na primer, Rollup, Parcel ili Vite, koji mogu biti jednostavniji za konfiguraciju ili brži u radu.

Primer jednostavne konfiguracije Babel (.babelrc):

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

Primer osnovne konfiguracije 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'
        }
      }
    ]
  }
};