1. ホーム
  2. javascript

[解決済み] 実行時に本番用と開発用のReactを検出する

2022-05-11 12:18:32

質問

Reactの現在のバージョンがdevelopmentかproductionかを実行時に検出することは可能でしょうか?こんなことをやってみたいです。

if (React.isDevelopment) {
  // Development thing
} else {
  // Real thing
}

解決方法は?

これは、ビルドツール(webpack、browserify)でNodeのやり方をエミュレートするのに最適な方法です。 process.env.NODE_ENV . 通常、prod では "production" に、dev では "development" (または undefined) に設定することになります。

つまり、あなたのコードはこうなります。

if (!process.env.NODE_ENV || process.env.NODE_ENV === 'development') {
    // dev code
} else {
    // production code
}

設定方法については envify または webpackで環境依存の変数を渡す