Как правильно настроить create-react-app для ie11?

Question

[Delawere]

Здравствуйте.
При попытке открытия сайта написаного с помощью create-react-app в ie11, сайт не открывается.
В консоли синтаксическая ошибка - ругается на main.chun.js, на указанной строчке находится стрелочная ф-я.

Стрелочные ф-и не поддерживаются ie, но как я понимаю весь jsx и es6 должен компилироваться в es5, не понимаю почему этого не происходит.

Comments

[Kim_Soal]

должно же все работать
переопределение конфига сборщика нет?

[Delawere]

Kim_Soal, Нет, ничего не трогал

[Антон Спирин]

Delawere, package.json покажите.

[Delawere]

Антон Спирин,

{
  "name": "test-app",
  "version": "0.1.0",
  "private": true,
  "dependencies": {
    "@babel/preset-env": "^7.4.4",
    "babel-loader": "^8.0.5",
    "normalize.css": "^8.0.1",
    "react": "^16.8.6",
    "react-app-polyfill": "^1.0.0",
    "react-dom": "^16.8.6",
    "react-scripts": "3.0.0",
    "styled-components": "^4.2.0"
  },
  "scripts": {
    "start": "react-scripts start",
    "build": "react-scripts build",
    "test": "react-scripts test",
    "eject": "react-scripts eject"
  },
  "eslintConfig": {
    "extends": "react-app"
  },
  "browserslist": {
    "production": [
      ">0.2%",
      "not dead",
      "not op_mini all"
    ],
    "development": [
      "last 1 chrome version",
      "last 1 firefox version",
      "last 1 safari version"
    ]
  },
  "devDependencies": {
    "@babel/core": "^7.4.4"
  }
}

babel'а и полифилла изначально не было, искал решение в гугле, и это было одно из них.
Возможно с browserlist что то не так?

Answer 1

[Антон Спирин]

У вас в browserlist в package.json поддержка только крайних версий chrome, ff и safari для development режима.
В production версии стрелочных функций не будет, но для поддержки IE надо дополнительно поставить полифилл.
Документация.

babel, babel-loader и пресеты удалите.

Comments

[Delawere]

Полифил стоит.
Странно, в production вроде все норм было.
Переписал вот так

"browserslist": [
    ">0.2%",
    "not dead",
    "not ie < 11",
    "not op_mini all"
  ],

[Антон Спирин]

Delawere,

Странно, в production вроде все норм было.

ну так для production у вас:

"production": [
  ">0.2%",
  "not dead",
   "not op_mini all"
],

Переписал вот так

Этот вариант почти ничем не отличается от production версии.