Как я могу изменить мою конфигурацию Babel Ionic React?

Question

Я хочу добавить некоторые плагины Babel в проект Ionic React. Я не вижу эту информацию в документах Ionic.

Я знаю, что Ionic React является новым, но кто-нибудь понял это или сделал что-то подобное для Ionic Angular?

Answer 1

Ionic-React использует create-реагировать-приложение под капотом для реагирования, поэтому он ведет себя так же, как он. Скорее всего, вам придется отказаться, чтобы использовать пользовательскую конфигурацию.

Если вы хотите избежать удаления, есть обходной путь, чтобы ваша пользовательская конфигурация babel работала с create-реагировать-приложение.

1. Установить response-app-rewired и customize-cra . (пряжа / нпм)

    yarn add -D react-app-rewired customize-cra

Создайте config-overrides.js в корневом каталоге проекта и добавьте эти строки

    // config-overrides.js
    module.exports = override(
      useBabelRc()
    );

Изменить package.json вот так

    "scripts": {
        "start": "react-app-rewired start",
        "build": "react-app-rewired build",
        "test": "react-app-rewired test",
        "eject": "react-scripts eject"
    }

Добавьте .babelrc в свой корневой проект, чтобы переопределить конфигурацию babel по умолчанию для cra, и все готово.

    // .babelrc
    {
      "plugins":[]
    }

Внимание: Он переопределит поведение и конфигурацию по умолчанию для creat-реагировать-приложение, поэтому я не совсем уверен, можно ли его безопасно использовать с ионной реакцией. Вещи могут сломаться.