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

Question

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

正在使用的版本:

• 网页包 4
• Babel 加载器 8
• react-app-rewired 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 doc中也提到了这一点.

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