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 को default करता है (भी Rust-based और बहुत तेज)। यदि आप prefer करते हैं तो SWC एक alternative है। दोनों आधुनिक, high-performance choices हैं।