Unterstützte Browser
Next.js unterstützt moderne Browser ohne Konfiguration.
- Chrome 64+
- Edge 79+
- Firefox 67+
- Opera 51+
- Safari 12+
Browserslist
Wenn Sie bestimmte Browser oder Funktionen als Ziel festlegen möchten, unterstützt Next.js die Browserslist-Konfiguration in Ihrer package.json
-Datei. Next.js verwendet standardmäßig folgende Browserslist-Konfiguration:
Polyfills
Wir fügen weit verbreitete Polyfills ein, einschließlich:
- fetch() — Ersetzt:
whatwg-fetch
undunfetch
. - URL — Ersetzt: das
url
-Paket (Node.js-API). - Object.assign() — Ersetzt:
object-assign
,object.assign
undcore-js/object/assign
.
Wenn Ihre Abhängigkeiten diese Polyfills enthalten, werden sie automatisch aus dem Produktions-Build entfernt, um Duplikate zu vermeiden.
Zusätzlich lädt Next.js diese Polyfills nur für Browser, die sie benötigen, um die Paketgröße zu reduzieren. Der Großteil des weltweiten Webverkehrs wird diese Polyfills nicht herunterladen.
Benutzerdefinierte Polyfills
Wenn Ihr eigener Code oder externe npm-Abhängigkeiten Funktionen benötigen, die von Ihren Ziel-Browsern nicht unterstützt werden (wie IE 11), müssen Sie die Polyfills selbst hinzufügen.
In diesem Fall sollten Sie einen Top-Level-Import für den spezifischen Polyfill in Ihrer Benutzerdefinierten <App>
oder der einzelnen Komponente hinzufügen.
JavaScript-Sprachfunktionen
Next.js ermöglicht die Verwendung der neuesten JavaScript-Funktionen direkt. Zusätzlich zu ES6-Funktionen unterstützt Next.js auch:
- Async/await (ES2017)
- Objektrestoperatoren/Spread-Eigenschaften (ES2018)
- Dynamisches
import()
(ES2020) - Optionale Verkettung (ES2020)
- Nullish Coalescing (ES2020)
- Klassenfelder und Statische Eigenschaften (ES2022)
- und mehr!
TypeScript-Funktionen
Next.js hat integrierte TypeScript-Unterstützung. Weitere Informationen finden Sie hier.
Babel-Konfiguration anpassen (Fortgeschritten)
Sie können die Babel-Konfiguration anpassen. Weitere Informationen finden Sie hier.