使用React-Native运行自定义Babel变换

Question

我需要使用带有React-Native的babel-plugin-transform-decorators-legacy来启用@decorators。 如何配置React-Native / Babel使其成为可能？

这与我之前关于如何让@decorators在React-Native中工作的问题有关： https ：//stackoverflow.com/a/34271636/941058

Answer 1

使用官方Babel预设

为React Native应用程序安装官方Babel预设 ：

npm i babel-preset-react-native --save-dev

编辑你的.babelrc ：

{
  "presets": ["react-native"]
}

先前的RN v21.0：从react-native扩展原始的.babelrc

为避免操作node_modules目录中的文件，应扩展原始.babelrc 。

通过保持您的依赖关系清洁，升级或共享项目不会有任何问题。

{
    "extends": "react-native/packager/react-packager/.babelrc",
}

Answer 2

您可以在项目根级别安装插件，然后将插件添加到node_modules / react-native / packager / react-packager / .babelrc中的.babelrc

使用@decorators的这个工作的问题是，如果你正在为应用程序的团队工作，每个开发人员都需要对.babelrc进行更改，因为node_modules不应该被检入源代码。

Answer 3

截至2016年1月，您只需在index.ios.js和index.android.js附近创建一个.babelrc文件，如下所示：

{
  "plugins": [
    "transform-decorators"
  ]
}

Answer 4

您必须将它添加到node_modules文件夹的react native文件夹中的.babelrc。

这个文件：react-native / packager / react-packager / .babelrc。

把它放在syntax-class-properties之前。

您似乎也需要根级别的.babelrc，如下所示。

    {
      "plugins": [
        "transform-decorators"
      ]
    }