支持的浏览器

Next.js支持现代浏览器，无需任何配置。

• Chrome 64+
• Edge 79+
• Firefox 67+
• Opera 51+
• Safari 12+

Browserslist

如果你想针对特定的浏览器或特性，Next.js支持在package.json文件中配置Browserslist。Next.js默认使用以下Browserslist配置：

{
  "browserslist": [
    "chrome 64",
    "edge 79",
    "firefox 67",
    "opera 51",
    "safari 12"
  ]
}

Polyfills

我们注入了广泛使用的polyfills，包括：

• fetch() — 替代：whatwg-fetch和unfetch。
• URL — 替代：url包（Node.js API）。
• Object.assign() — 替代：object-assign、object.assign和core-js/object/assign。

如果你的任何依赖项包括这些polyfills，它们将自动从生产构建中消除，以避免重复。

此外，为了减少捆绑包大小，Next.js将只为需要它们的浏览器加载这些polyfills。全球大部分网络流量将不会下载这些polyfills。

自定义Polyfills

如果你自己的代码或任何外部npm依赖项需要目标浏览器（如IE 11）不支持的特性，你需要自己添加polyfills。

在这种情况下，你应该在自定义<App>或单个组件中添加对特定polyfill的顶层导入。

JavaScript语言特性

Next.js允许你开箱即用地使用最新的JavaScript特性。除了ES6特性外，Next.js还支持：

• Async/await（ES2017）
• 对象剩余/扩展属性（ES2018）
• 动态import()（ES2020）
• 可选链（ES2020）
• 空值合并（ES2020）
• 类字段和静态属性（ES2022）
• 等等！

TypeScript特性

Next.js内置了TypeScript支持。在这里了解更多。

自定义Babel配置（高级）

你可以自定义babel配置。在这里了解更多。