webpackでビルドされたファイルにスタイルが反映されていないときに確認する点

2021年12月18日

css-loaderを使ってJS内のCSSを解決しているにもかかわらず、ブラウザで確認するとそのCSSが反映されていない場合には、まずビルドされたファイルの中に対象のCSSがあるかを確認します。

なかった場合は、style-loader の設定が抜けている可能性があります。

style-loader は DOM に CSS を埋め込む役割があり、これが必要になります。