turbo (experimental)

Uyarı: Bu özellikler deneyseldir ve yalnızca next --turbo ile çalışacaktır.

webpack loaders

Şu anda Turbopack, webpack'in yükleyici API'sinin bir alt kümesini destekleyerek Turbopack'te kodu dönüştürmek için bazı webpack yükleyicilerini kullanmanıza olanak tanır.

Yükleyicileri yapılandırmak için, yüklediğiniz yükleyicilerin adlarını ve dosya uzantılarını bir yükleyici listesine eşleyen next.config.js adresindeki seçenekleri ekleyin:

module.exports = {
  experimental: {
    turbo: {
      rules: {
        // Option format
        '*.md': [
          {
            loader: '@mdx-js/loader',
            options: {
              format: 'md',
            },
          },
        ],
        // Option-less format
        '*.mdx': ['@mdx-js/loader'],
      },
    },
  },
}

Ardından, yukarıdaki yapılandırma göz önüne alındığında, uygulamanızdan dönüştürülmüş kodu kullanabilirsiniz:

import MyDoc from './my-doc.mdx'
 
export default function Home() {
  return <MyDoc />
}

Resolve Alias

next.config.js aracılığıyla Turbopack, webpack'in modül çözümlemesine benzer şekilde takma adlar aracılığıyla modül çözümlemesini değiştirecek şekilde yapılandırılabilir. resolve.alias Yapılandırma.

Çözümleme takma adlarını yapılandırmak için, içe aktarılan kalıpları next.config.js adresindeki yeni hedefleriyle eşleyin:

module.exports = {
  experimental: {
    turbo: {
      resolveAlias: {
        underscore: 'lodash',
        mocha: { browser: 'mocha/browser-entry.js' },
      },
    },
  },
}

Bu, underscore paketinin içe aktarımlarını lodash paketine takma ad olarak atar. Başka bir deyişle, import underscore from 'underscore', underscore yerine lodash modülünü yükleyecektir.

Turbopack ayrıca Node.js'nin koşullu dışa aktarımına benzer şekilde bu alan aracılığıyla koşullu takma adı vermeyi de destekler. Şu anda yalnızca browser koşulu desteklenmektedir. Yukarıdaki durumda, Turbopack tarayıcı ortamlarını hedeflediğinde mocha modülünün içe aktarımları mocha/browser-entry.js olarak adlandırılacaktır.

Uygulamanızı webpack'ten Turbopack'e nasıl geçireceğiniz hakkında daha fazla bilgi ve rehberlik için Turbopack'in webpack uyumluluğu hakkındaki belgelerine bakın .