如何放弃对IE的支持，并防止babel转换为ES5以获得性能增益

Question

当前我使用Create React App的默认webpack配置进行babel转换。似乎默认的babel加载程序(在CRA配置中(使用"；babel preset react app"；。现在我只想防止JS文件被翻译成ES5，因为我不需要支持Internet Explorer。我希望这将在构建时间中带来一些收获。

正在使用的版本：

• Webpack 4
• Babel Loader 8
• react应用程序重新布线2.1
• 自定义cra 0.9

Answer 1

您可以在package.json中设置browserslist配置来设置目标浏览器。

{
...
"browserslist": {
">0.2%",
"not dead",
"not IE 11"
}
}

您也可以根据您的环境生成构建

"browserslist": {
"production": [
">0.2%",
"not dead",
"not IE 11"
],
"development": [
"last 1 chrome version",
"last 1 firefox version",
"last 1 safari version"
]
}
}

CRA官方文件中也提到了这一点。

我建议查看浏览器列表，根据您的确切要求自定义规则。