ReactネイティブプロジェクトにES7 Decoratorサポートを追加する

Question

ReactネイティブアプリケーションでDecoratorsを使用することを許可しますが、どうすればよいですか？

では反応して、それはかなり簡単です：

1. 私はwebpack.config.*.jsを変更し、どのように私はreact-nativeと似た何かを達成んplugins: ['transform-decorators-legacy']

を追加yarn run eject

を走りましたか？私はリアクションネイティブのCLI - react-native init AwesomeAppでプロジェクトをインスタンス化しました。

ただし、ejectコマンドは存在しません。

Answer 1

React Native CLIだけを使用してアプリケーションを開発する場合は、webpack.config.jsやejectコマンドなどの設定ファイルにアクセスできません。

ただし、.babelrcファイルを変更するだけで、同じBabelプラグインを使用してdecoratorsのサポートを追加できます。以下の手順に従ってください：

1. あなたのプロジェクトにプラグインをインストールしてください（dev依存関係）：yarn add --dev babel-plugin-transform-decorators-legacy;
2. .babelrcファイルのプラグインを宣言してください："plugins": ["transform-decorators-legacy"];

次に、packager（またはソースをバンドルする）を開始すると、React NativeはJavaScriptファイルで使用したデコレータを解釈できます。

this articleで与えられた例は、私が上で説明したものを正確に示しています。

また、webpackを使用してネイティブアプリを作成するためのツールHaulをご覧ください。

幸運を祈る！