reactjs - 如何放弃对 IE 的支持，并防止 babel 转译为 ES5 以获得性能提升

Question

目前我正在使用 Create React App 的默认 webpack 配置进行 babel 转译。似乎默认的 babel-loader（在 CRA 配置中）使用“babel-preset-react-app”。现在我想要的只是防止将 JS 文件转换为 ES5，因为我不需要支持 Internet Explorer。我希望这会在构建时间上带来一些好处。

正在使用的版本：

• 网络包 4
• 通天塔装载机 8
• react-app-rewired 2.1
• 定制-cra 0.9

Answer 1

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

{
 ...
 "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 文档中也提到了这一点。

我建议查看browserslist以根据您的确切要求自定义规则。