Модули CSS не работают со сторонним пакетом реакции-спинки

Question

Я пытаюсь использовать пакет act-spinkit для моего веб-приложения React.js. В этом приложении я решил использовать модули CSS. Когда я переключился на CSS-модули, я заметил, что созданный мной спиннер не рендерился. Я уверен, что это связано с тем, что я сейчас использую модули CSS. В настоящее время мой файл webpack.config.js выглядит примерно так:

module.exports = {
   //other configurations...
   module: {
       rules: [
           {
               test: /\.(js|jsx)$/,
               exclude: /node_modules/,
               use: 'babel-loader'
           },
           {
               test: /\.css$/,
               loader: 'style-loader!css-loader? modules&importLoaders=1&localIdentName=[name]__[local]___[hash:base64:5]'
           }
       ]
   }
}

Я считаю, что мне нужно установить правило для регулярного css, который будет компилироваться css-загрузчиком. Однако я не знаю, как объединить правило, чтобы css-загрузчик мог использовать как модули css, так и обычный css. Любая помощь будет оценена.

Answer 1

Попробуйте, чтобы ваш конфиг выглядел так в этом разделе:

rules: [
      {
        test: /\.jsx?$/,
        exclude: /node_modules/,
        loader: 'babel-loader'
      },
      {
        test: /\.css$/,
        use: ['style-loader', 'css-loader']
      }
    ]