webpack css-loaderがcssファイルをインポートしてくれない

webpack css-loaderを使用していて、cssファイルがインポート出来ていなかったので、以下で問題を解決しました。

変更前のwebpack.config.jsの設定

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
module.exports = {
  module: {
    rules: [
      {
        test: /\.css$/,
        loaders: [ "style-loader", "css-loader" ]
      }
    ]
  }
};

以下に変更してcssファイルが読み込まれました。

1
  loaders: [ "style-loader", "css-loader?modules=true&camelCase=true" ]

オプションの詳細はこちらのサイトにて https://github.com/webpack-contrib/css-loader