webpack-4 - webpack 構成の解決オプションを追加した後、webpack ビルドが非常に奇妙に機能したのはなぜですか?

Question

実際、私の質問を説明する方法がわかりません.最初に、resolve.alias を webpack の出力モジュールに追加すると、いくつかの問題に遭遇します——追加後に機能しません!そして、そこにあることがわかりました出力モジュールの2つの解決オプションがあり、それらをマージしましたが、エラーがスローされました.そして、私のwebpackは最新です.

モジュールをインポートするときにパスエイリアスを使用したいだけです。

これは機能するコードです (ただし、@ エイリアスは機能しません)。

...
modules.export={
...,
resolve: {
        alias: {
            'react-dom': '@hot-loader/react-dom',
            '@': path.resolve(__dirname, 'src/app/'),
        },
    },
resolve: {
        extensions: ['.js', '.jsx', '.css']
    },
}

それがエラーの原因となったコードです:

...
modules.export={
...,
resolve: {
        alias: {
            'react-dom': '@hot-loader/react-dom',
            '@': path.resolve(__dirname, 'src/app/'),
        },
       extensions: ['.js', '.jsx', '.css']
    },
}

それが正しい形式なのか、それともコードがこのように機能したのか他の理由があるのか​​ を知りたいです。