# Webpack, Vite, और Next.js में SWC — Babel और SWC: JavaScript Transpilation और Build Speed

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

> देखें कि SWC Next.js, swc-loader के साथ Webpack और esbuild के साथ Vite में कैसे उपयोग होता है।

## 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 उपयोग करता है और Rolldown व Oxc की ओर बढ़ रहा है, जो भी Rust-आधारित और बहुत तेज़ हैं। यदि आपको SWC की विशिष्ट सुविधाएँ चाहिए तो plugins के माध्यम से वह विकल्प है।