Next.js教程基本特性：支持的浏览器和功能

Next.js 支持 IE11 和所有现代浏览器 （Edge、Firefox、Chrome、Safari、Opera 等），并且无须任何配置。

Polyfills

我们加入了兼容 IE11 所需的 polyfills。此外，我们还加入了被广泛使用的 polyfills，包括：

• fetch() — 用来替换： whatwg-fetch 和 unfetch。
• URL —用来替换： Node.js 的 url API。
• Object.assign() — 用来替换： object-assign、object.assign 和 core-js/object/assign。

如果你的依赖项中包含了这些 polyfills，则会在生产版本中将其删除，以免重复。

此外，为了减少打包后的大小，Next.js 将只加载浏览器需要的 polyfills。从全球来看，大部分情况下不需要下载这些 polyfills。

服务器端的 Polyfills

除了客户端的 fetch()，Next.js 还为 Node.js 环境添加了 fetch() 这一 polyfill。你就可以在服务器端代码中直接使用 fetch() 了（例如 getStaticProps），从而无需再使用类似 isomorphic-unfetch 或 node-fetch 之类的 polyfills 了。

自定义 Polyfills

如果你自己的代码或任何外部的 npm 依赖项需要目标浏览器具有其不支持的功能，则需要你自己添加响应的 polyfills 了。

在这种情况下，你应该在 <App>](/docs/advanced-features/custom-app.md) 或单个组件中导入（impot）你所需要的 特定的 polyfill 。

JavaScript 语言

Next.js 允许你直接使用最新的 JavaScript 功能。除了 ES6 功能 外，Next.js 还支持：

• Async/await (ES2017)
• Object Rest/Spread Properties (ES2018)
• Dynamic import() (ES2020)
• Optional Chaining (ES2020)
• Nullish Coalescing (ES2020)
• Class Fields and Static Properties (part of stage 3 proposal)