最新浏览器的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配置

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

.babelrc

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

package.json

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