Как отказаться от поддержки IE и предотвратить перенос babel в ES5, чтобы получить прирост производительности

В настоящее время я использую конфигурацию веб-пакета по умолчанию для приложения Create React для транспиляции babel. Кажется, что по умолчанию babel-loader (в конфигурации CRA) использует приложение babel-preset-react-app. Теперь все, что мне нужно, - это предотвратить перенос файлов JS в ES5, поскольку мне не нужно поддерживать Internet Explorer. Я надеюсь, что это принесет некоторую выгоду во время сборки.

Используемые версии:

  • Webpack 4
  • Вавилонский погрузчик 8
  • реагировать-приложение-перепрограммировано 2.1
  • настроить Cra 0.9

reactjs create-react-app babel-loader webpack-4 react-app-rewired
person Rajveer Sanghvi    schedule 06.05.2021    source источник

Ответы (1)


arrow_upward
0
arrow_downward

Вы можете установить 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.

Я бы посоветовал взглянуть на список браузеров, чтобы настроить правила в соответствии с вашими конкретными требованиями.

person slumbergeist    schedule 06.05.2021