Webpack, Vite, और Next.js में SWC

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

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

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

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

// 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 के माध्यम से वह विकल्प है।