next.js 最新浏览器的 babel 配置

Question

Next.js默认配置兼容IE11。现在我们只为最新的浏览器（最新版本的 Edge、Safari、Chrome 和 Firefox）编写 Web 应用程序。所以我们希望 babel 做的事情越少越好。那我怎么写“.babelrc”呢？

Answer 1

我认为不值得排除对 IE11 的支持，因为唯一的 polyfill 是使 nextJS 在 IE11 上工作的全局 Promise 对象。

不过，您可以将自定义 .babelrc 添加到您的项目中。请参阅此处的文档：https://nextjs.org/docs/#customizing-babel-config

并使用 preset-env 插件指定支持的浏览器：https://babeljs.io/docs/en/babel-preset-env#browserslist-integration

.babelrc

"presets": [
  ["next/babel", {
    "preset-env": {
      "useBuiltIns": "entry" //tells the preset to look for browserslist config source
    },
  ]
]

package.json

"browserslist": "> 0.25%, not dead"

next.js 最新浏览器的 babel 配置

The babel configuration of next.js for the latest browsers

node.js

babeljs

next.js