javascript - React/Webpack:動的インポート/requireをコードクリーンアップで変数に依存させる方法は?

Question

最新のreact 16.12とWebpackを使用して、「react-create-app」によって作成された反応アプリがあります

次のように、変数に依存してインポートする必要があります。

    if (process.env.SOMEVAR === "a1") Routes = require("./xxx").default;
    if (process.env.SOMEVAR === "a2") Routes = require("./yyy").default;
    if (process.env.SOMEVAR === "a3") Routes = require("./zzz").default;

コマンドを実行します。set "SOMEVAR=a1" && npm run build

このコードはmain.chunk.js、この 3 つのモジュールで作成されますxxx//内部で、依存関係なしでyyyzzzSOMEVAR

NODE_ENV変数名を使用すると、必要なように機能することを偶然発見しました。例：

    if (process.env.NODE_ENV === "production") Routes = require("./xxx").default;
    if (process.env.NODE_ENV === "development") Routes = require("./yyy").default;
    if (process.env.NODE_ENV === "test") Routes = require("./zzz").default;

コマンドを実行します。set "NODE_ENV=production" && npm run build

このコードは、main.chunk.js 内部の xxx モジュールのみで作成されます。

質問:代わりに同じ効果を持つ他の変数を作成する方法NODE_ENVはif? 使い方？「WebPack docs」でこの効果に関する情報を見つけることができません。