ionic-framework - 如何更改我的 Ionic React babel 配置？

Question

我想在 Ionic React 项目中添加一些 babel 插件。我在 Ionic 文档中的任何地方都没有看到此信息。

我知道 Ionic React 是新的，但是有没有人为 Ionic Angular 解决过这个问题或做过类似的事情？

Answer 1

Ionic-React 在引擎盖下使用 create-react-app 进行 react ，因此它的行为就像它一样。您很可能必须退出才能使用自定义配置。

如果您想避免弹出，有一种解决方法可以让您的自定义 babel 配置与 create-react-app 一起使用。

安装 react-app-rewired 和 定制-cra . ( yarn /npm)

    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 在您的根项目中覆盖 cra 的默认 babel 配置，您就可以开始了。

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

注意:它将覆盖 creat-react-app 的默认行为和配置，所以我不确定它是否可以安全地与 ionic react 一起使用。事情可能会破裂。