Webpack 構成からスキーマにアクセスする

Question

webpack.config.js には次のコードがあります:

module.exports = {
    エントリ: {
        インデックス: "./src/index.js",
        コンテンツ: "./src/content.js"
    }、
    mode: "production", // React コードからこの値にアクセスするにはどうすればよいですか?
    開発ツール: 'インラインソースマップ',
    ...

mode が 'development' であるか、'production' であるかによって、PayPal に別のクライアントを使用する必要があります。 ; ID (サンドボックスまたは実際の環境)。重複は避けたいと思います。では、React コードからこの値にアクセスするにはどうすればよいでしょうか?

Answer 1

モジュールのエクスポートをアロー関数として拡張することで、このモードにアクセスできます。これは、分解できる 2 番目の引数 (args) の一部です。

リーリー

次に、webpack.define などを使用してクライアント環境変数を作成できます。例:

リーリー

その後、クライアント JS 内の任意の場所で SOME_ENV (または任意の名前) を参照することで、その環境変数にアクセスできます。