javascript - webpack config で複数の babel プリセット構成を定義する

Question

webpack.config.js2 つの異なる WebPack 構成オブジェクトをエクスポートするファイルを作成しました。これらのプリセットに異なるバベル オプションを設定する必要があります。少し調査した後、2 つの異なるローダー構成を作成してみました。それぞれがtargets次のように異なるオプションをプリセットに渡します。

// default JS loader config for browsers that support <script type='module'
{
    loader:'babel-loader',
    options:{
        presets: ['@babel/preset-env', {
            targets: {
                esmodules: true
            }
        }]
    }
}
...


// fallback for browsers that load the <script nomodule 
{
    loader:'babel-loader',
    options:{
        presets: ['@babel/preset-env', {
            targets: "> 0.5% in UK, last 2 versions, not dead, ie 11"
        }]
    }
}

ただし、WebPackビルドでこのエラーが発生するため、明らかにこれが間違っています

ERROR in ./some-path/WorkflowStage.class.js
    Module build failed (from ./node_modules/babel-loader/lib/index.js):
    ReferenceError: [BABEL] e:\some-path\WorkflowStage.class.js: Unknown option: .targets. Check out https://babeljs.io/docs/en/babel-core/#options for more information about options.

質問の要点は、複数のプリセットがある場合@babel/preset-env、ファイル内からターゲット オプションをどのように渡す必要があるかということだと思います。webpack.config.js