[解決済み] 実行時に本番用と開発用の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で環境依存の変数を渡す
関連
-
[解決済み】JavaScriptで「無効な日付」のDateインスタンスを検出する
-
[解決済み] 要素外でのクリックを検出するにはどうすればよいですか?
-
[解決済み] jQueryでチェックボックスに "checked "を設定する
-
[解決済み] Reactルータを使ったプログラムによるナビゲーション
-
[解決済み] JavaScriptで変数が配列であるかどうかを確認する方法は?
-
[解決済み] モバイル端末の検出にはどのような方法がありますか?
-
[解決済み] React JSX内のループ
-
[解決済み] Node.jsを完全にアンインストールして、最初から再インストールする方法 (Mac OS X)
-
[解決済み] React jsのonClickはメソッドに値を渡すことができない
-
[解決済み】未定義のオブジェクトプロパティを検出する
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
jsを使った簡単な照明スイッチのコード
-
vue ディレクティブ v-html と v-text
-
vueのプロジェクトでモックを使用する方法を知っていますか?
-
[解決済み] Error : 未定義のプロパティ 'map' を読み取ることができません。
-
[解決済み】Uncaught SyntaxError: JSONの位置0に予期しないトークンuがあります。
-
[解決済み】Node.jsで "Cannot find module "エラーを解決するには?
-
[解決済み】 env: node: macにそのようなファイルやディレクトリはありません
-
JavaScriptのStringに関する共通メソッド
-
JSクリックイベント - Uncaught TypeError: プロパティ 'onclick' に null を設定できません。
-
[解決済み] webpackで環境依存の変数を渡す