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

Question

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

Answer 1

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

但是，您可以.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
    },
  ]
]

包.json

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