style-loaderはcssをhtmlのheadタグ内にインラインスタイルを出力するloader。
css-loaderはcssをjsで扱える形に変換するloader。
style-loaderはcss-loaderでjsで扱えるかたちにしたcssをjsファイル内に持っておいて、htmlが読み込まれjsが実行されたときにstyleタグを生成してhtmlのheadタグ内に挿入するという処理を行なっている。
cssをファイルとして出力する場合には、MiniCssExtractPluginを使用するとcssファイルが生成されlinkが読み込まれる（その場合にはstyle-loaderは必要なくなる）。
参考にさせていただいたサイト：
https://chaika.hatenablog.com/entry/2020/10/22/083000
https://blog.ojisan.io/css-loader-style-loader/