使用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"
      ]
    }