# Webpack, Vite, और Next.js में SWC — बेबल और SWC

Source: https://www.geekswithgeeks.com/hi/babel-swc/bs-swc-in-bundlers

> आधुनिक build tools में SWC को integrated देखें।

## Next.js 13+: डिफ़ॉल्ट रूप से SWC

Next.js 13+ डिफ़ॉल्ट transpiler के रूप में SWC का उपयोग करता है, Babel को replace करता है। कोई configuration की जरूरत नहीं के साथ builds significantly तेज हैं।

## Webpack में SWC को कॉन्फ़िगर करना

Babel के बजाय SWC के साथ transpile करने के लिए Webpack के लिए `swc-loader` का उपयोग करें।

```javascript
// webpack.config.js
module: {
  rules: [
    {
      test: /\.(?:j|t)sx?$/,
      exclude: /node_modules/,
      use: {
        loader: 'swc-loader',
        options: {
          jsc: { parser: { syntax: 'typescript' } }
        }
      }
    }
  ]
}
```

## Vite esbuild का उपयोग करता है, जो भी तेजी से transpile करता है

Vite transpilation के लिए esbuild को default करता है (भी Rust-based और बहुत तेज)। यदि आप prefer करते हैं तो SWC एक alternative है। दोनों आधुनिक, high-performance choices हैं।