プロダクションの状態構造を非表示にする

Question

私はreact-reduxからプロバイダを使用しています。プロダクションでは、$r.store.getState()を使用して反応クロムエクステンションをインストールすると状態構造を見ることができます。本番環境でこの動作を非表示にするにはどうすればよいですか？

Answer 1

あなたはグローバル$r変数でない書き込み可能にすることができ、Object.defineProperty機能使用：その場合は

Object.defineProperty(window, '$r', { 
    writable: false 
}); 

を、デベロッパーツールが$r変数に値を代入することはできませんので、誰が使用してストアインスタンスにアクセスすることはできませんリアクトRevert Devtools。

編集：

writable: falseプロパティを設定し、$rプロパティが書き込み可能ではないことを、デベロッパーツールがエラーをスローし反応します。そのエラーを回避するためには、あなたがその変数にそのように一定の値を設定することができます。その場合は

Object.defineProperty(window, '$r', { 
    value: {} 
}); 

を、$r値は{}に常に等しくなり、コンソールが無音になります。