Webpack を使用して Angular アプリケーションで環境に依存する変数を渡すにはどうすればよいですか?

webpack で環境に依存する変数を渡す

問題:

Angular アプリケーションを gulp から webpack に変換するには、置き換える方法を見つける必要がありますHTML ページ内の環境依存変数 (データベース名など)。

解決策:

webpack を使用してこれを実現するには、いくつかの方法があります:

DefinePlugin

DefinePlugin は完全一致を「そのまま」置き換えるため、JSON 形式の文字列です。

EnvironmentPlugin

EnvironmentPlugin は内部で DefinePlugin を使用して、Terser 構文を通じて環境値をマップします。

Alias

構成を使用するためのエイリアス化されたモジュールを作成します:

たとえば、process.env.NODE_ENV が 'development' の場合、エイリアス化されたモジュール./config/development.js:

以上がWebpack を使用して Angular アプリケーションで環境に依存する変数を渡すにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。